Răsfoiți Sursa

Bump distance between list item actions

- Set it to the same spacing for controlbox heading buttons
- Make it configurable
JC Brand 6 ani în urmă
părinte
comite
917b08a957
4 a modificat fișierele cu 7 adăugiri și 4 ștergeri
  1. 3 2
      css/converse.css
  2. 1 1
      sass/_controlbox.scss
  3. 1 1
      sass/_lists.scss
  4. 2 0
      sass/_variables.scss

+ 3 - 2
css/converse.css

@@ -9314,6 +9314,7 @@ readers do not read off random characters that represent icons */
   --chat-textarea-height: 60px;
   --send-button-height: 27px;
   --send-button-margin: 3px;
+  --inline-action-margin: 0.75em;
   --roster-height: 194px;
   --flyout-padding: 1.2em;
   --chat-head-color: #3AA569;
@@ -10793,7 +10794,7 @@ body.reset {
     align-self: flex-start;
     font-size: 1em;
     padding: 0;
-    margin: 0.75em 0 0.75em 0.75em; }
+    margin: 0.75em 0 var(--inline-action-margin) 0.75em; }
     #conversejs #controlbox .controlbox-section .controlbox-heading__btn.fa-vcard {
       margin-top: 1em; }
   #conversejs #controlbox .dropdown a {
@@ -11269,7 +11270,7 @@ body.reset {
       opacity: 0;
       font-size: var(--font-size-tiny);
       padding: 0;
-      margin: 0 0 0 0.4em;
+      margin: 0 0 0 var(--inline-action-margin);
       width: 1.6em;
       color: var(--subdued-color); }
       #conversejs .items-list .list-item .list-item-action:before {

+ 1 - 1
sass/_controlbox.scss

@@ -228,7 +228,7 @@
                 align-self: flex-start;
                 font-size: 1em;
                 padding: 0;
-                margin: 0.75em 0 0.75em 0.75em;
+                margin: 0.75em 0 var(--inline-action-margin) 0.75em;
                 &.fa-vcard {
                     margin-top: 1em;
                 }

+ 1 - 1
sass/_lists.scss

@@ -52,7 +52,7 @@
                 opacity: 0;
                 font-size: var(--font-size-tiny);
                 padding: 0;
-                margin: 0 0 0 0.4em;
+                margin: 0 0 0 var(--inline-action-margin);
                 width: 1.6em;
                 &:before {
                     font-size: var(--font-size);

+ 2 - 0
sass/_variables.scss

@@ -38,6 +38,8 @@ $font-path: "webfonts/icomoon/fonts/" !default;
     --send-button-height: 27px;
     --send-button-margin: 3px;
 
+	--inline-action-margin: 0.75em;
+
     --roster-height: 194px;
 
     --flyout-padding: 1.2em;