diff options
| author | Henry Jameson <me@hjkos.com> | 2022-08-24 19:57:02 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2022-08-24 19:57:57 +0300 |
| commit | 8dceffa8d79331aba1cc4efcc15710e902d938f2 (patch) | |
| tree | b5f819b03bcfee2ac2f1383b263d911c8562d1d8 /src | |
| parent | dc5992f990aea1d3b780ae903d361092e815da54 (diff) | |
squeeze/stretch pinned items as long as there's enough space for it,
hide items that won't fitc
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/navigation/navigation_pins.vue | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/src/components/navigation/navigation_pins.vue b/src/components/navigation/navigation_pins.vue index 4ae96fbe..a46fba7a 100644 --- 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 { |