pleroma-fe

commit: 8dceffa8d79331aba1cc4efcc15710e902d938f2
parent dc5992f990aea1d3b780ae903d361092e815da54
Author: Henry Jameson <me@hjkos.com>
Date:   Wed, 24 Aug 2022 19:57:02 +0300

squeeze/stretch pinned items as long as there's enough space for it,
hide items that won't fitc

Diffstat:
M
src/components/navigation/navigation_pins.vue
5
++++-

1 file changed, 4 insertions(+), 1 deletion(-)
diff --git a/src/components/navigation/navigation_pins.vue b/src/components/navigation/navigation_pins.vue
@@ -29,6 +29,7 @@
 @import '../../_variables.scss';
 .NavigationPins {
   display: flex;
+  flex-wrap: wrap;
   overflow: hidden;
   height: 100%;
 
@@ -47,10 +48,12 @@
 
   .pinned-item {
     position: relative;
-    flex: 0 0 3em;
+    flex: 1 0 3em;
     min-width: 2em;
     text-align: center;
     overflow: visible;
+    box-sizing: border-box;
+    height: 100%;
 
     & .svg-inline--fa,
     & .iconLetter {