pleroma-fe

commit: 3786402963f70036a2a785ebc3145e6663654886
parent ee8008ef93319237ccc210b4f5c20c627a66b81f
Author: Henry Jameson <me@hjkos.com>
Date:   Sat, 18 Jan 2025 19:44:12 +0200

better overflow, denser layout

Diffstat:
M
src/components/status_action_buttons/action_button.scss
8
+++++++-
M
src/components/status_action_buttons/status_action_buttons.scss
2
+-

2 files changed, 8 insertions(+), 2 deletions(-)
diff --git a/src/components/status_action_buttons/action_button.scss b/src/components/status_action_buttons/action_button.scss
@@ -6,6 +6,12 @@
   grid-template-columns: max-content;
   grid-gap: 0.25em;
 
+  .action-counter {
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
   &.-pin {
     margin: calc(-2px - 0.25em);
     padding: 0.25em;
@@ -35,7 +41,7 @@
   .action-button-inner {
     display: grid;
     grid-gap: 1em;
-    grid-template-columns: max-content max-content;
+    grid-template-columns: max-content 1fr;
     grid-auto-flow: column;
     grid-auto-columns: max-content;
     align-items: center;
diff --git a/src/components/status_action_buttons/status_action_buttons.scss b/src/components/status_action_buttons/status_action_buttons.scss
@@ -3,7 +3,7 @@
 .StatusActionButtons {
   .quick-action-buttons {
     display: grid;
-    grid-template-columns: repeat(auto-fill, 6em);
+    grid-template-columns: repeat(auto-fill, 5em);
     grid-auto-flow: row dense;
     grid-auto-rows: 1fr;
     grid-gap: 1.25em 1em;