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

Push icons together on mobile

pull/162/head
Varun Patil 2022-10-30 14:45:09 -07:00
parent cd289ebef7
commit 07f6a5c713
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/frame/Photo.vue
View File

@ -224,15 +224,15 @@ export default class Photo extends Mixins(GlobalMixin) {
} }
// Distance of icon from border // Distance of icon from border
$icon-dist: 8px; $icon-dist: min(4%, 8px);
$icon-half-size: 5px; $icon-half-size: 5px;
$icon-size: $icon-half-size * 2; $icon-size: $icon-half-size * 2;
/* Extra icons */ /* Extra icons */
.check-icon.select { .check-icon.select {
position: absolute; position: absolute;
top: $icon-dist + 2px; top: calc($icon-dist + 2px);
left: $icon-dist + 2px; left: calc($icon-dist + 2px);
z-index: 100; z-index: 100;
background-color: var(--color-main-background); background-color: var(--color-main-background);
border-radius: 50%; border-radius: 50%;
@ -277,7 +277,7 @@ div.img-outer {
transition: padding 0.15s ease; transition: padding 0.15s ease;
.p-outer.selected > & { .p-outer.selected > & {
padding: $icon-dist + $icon-half-size; padding: calc($icon-dist + $icon-half-size);
} }
.p-outer.placeholder > & { .p-outer.placeholder > & {