pleroma-fe

commit: 2c9547f5ff75e0e0cf9cdf413fc25f08b98835f6
parent 69394051733780924287d4d4f651d337ca427b29
Author: Henry Jameson <me@hjkos.com>
Date:   Tue, 14 Jan 2025 20:40:14 +0200

better flow

Diffstat:
M
src/App.scss
2
++
M
src/components/status_action_buttons/status_action_buttons.scss
8
++++----
M
src/components/user_card/user_card.scss
4
++++

3 files changed, 10 insertions(+), 4 deletions(-)
diff --git a/src/App.scss b/src/App.scss
@@ -339,6 +339,8 @@ nav {
     grid-template-areas: "content";
     padding: 0;
 
+    --_actionsColumnCount: 3;
+
     .column {
       padding-top: 0;
       margin: var(--navbar-height) 0 0 0;
diff --git a/src/components/status_action_buttons/status_action_buttons.scss b/src/components/status_action_buttons/status_action_buttons.scss
@@ -3,10 +3,10 @@
 .StatusActionButtons {
   .quick-action-buttons {
     display: grid;
-    grid-template-columns: 1fr;
-    grid-auto-flow: column;
-    grid-auto-columns: 1fr;
-    grid-gap: 1em;
+    grid-template-columns: repeat(var(--_actionsColumnCount, 6), 1fr);
+    grid-auto-flow: row dense;
+    grid-auto-rows: 1fr;
+    grid-gap: 1.25em 1em;
     margin-top: var(--status-margin);
   }
 }
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
@@ -292,6 +292,10 @@
   }
 }
 
+#sidebar {
+  --_actionsColumnCount: 4;
+}
+
 .sidebar .edit-profile-button {
   display: none;
 }