RPJosh
/
memories
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

cluster: specify margin in px 

Signed-off-by: Varun Patil <radialapps@gmail.com>
pull/767/head
Varun Patil 2023-08-04 14:39:15 -07:00
parent 7b936d8955
commit eba28c3976
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/frame/Cluster.vue
View File

@ -179,12 +179,13 @@ img {
} }
} }
$namemargin: 7px;
.name { .name {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
z-index: 100; z-index: 100;
width: 90%; width: calc(100% - 2 * #{$namemargin});
margin: 5%; margin: $namemargin;
// 2px padding prevents the bottom of the text from being cut off // 2px padding prevents the bottom of the text from being cut off
padding-bottom: 2px; padding-bottom: 2px;
@ -204,7 +205,7 @@ img {
.cluster--circle & { .cluster--circle & {
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
margin: 0 5%; margin: 0 $namemargin;
min-height: 26px; // alignment min-height: 26px; // alignment
} }