Przeglądaj źródła

Fix Bug: Scale of Minicard icons is linked to horizontal screensize.

Thanks to xet7 !

Fixes #5947
Lauri Ojansivu 4 dni temu
rodzic
commit
b6b0c5fe6d
1 zmienionych plików z 8 dodań i 8 usunięć
  1. 8 8
      client/components/cards/minicard.css

+ 8 - 8
client/components/cards/minicard.css

@@ -99,8 +99,8 @@
   float: none;
 }
 .minicard .minicard-labels .minicard-label {
-  width: 1.5vw;
-  height: 1.5vw;
+  width: clamp(12px, 1.5vw, 16px);
+  height: clamp(12px, 1.5vw, 16px);
   border-radius: 0.3vw;
   margin-right: 0.4vw;
   margin-bottom: 0.4vh;
@@ -130,8 +130,8 @@
   margin-right: 0.5vw;
 }
 .minicard .handle {
-  width: 2.5vw;
-  height: 2.5vw;
+  width: clamp(20px, 2.5vw, 28px);
+  height: clamp(20px, 2.5vw, 28px);
   position: absolute;
   right: 0.7vw;
   top: 0.7vh;
@@ -294,8 +294,8 @@
 .minicard .minicard-creator .member {
   float: right;
   border-radius: 50%;
-  height: 3.5vw;
-  width: 3.5vw;
+  height: clamp(24px, 3.5vw, 32px);
+  width: clamp(24px, 3.5vw, 32px);
   margin-bottom: 0.5vh;
 }
 .minicard .minicard-members .assignee,
@@ -303,8 +303,8 @@
 .minicard .minicard-creator .assignee {
   float: right;
   border-radius: 50%;
-  height: 3.5vw;
-  width: 3.5vw;
+  height: clamp(24px, 3.5vw, 32px);
+  width: clamp(24px, 3.5vw, 32px);
 }
 .minicard .minicard-members + .badges,
 .minicard .minicard-assignees + .badges,