squeeze/stretch pinned items as long as there's enough space for it,

hide items that won't fitc
This commit is contained in:
Henry Jameson 2022-08-24 19:57:02 +03:00
parent dc5992f990
commit 8dceffa8d7

View File

@ -29,6 +29,7 @@
@import '../../_variables.scss'; @import '../../_variables.scss';
.NavigationPins { .NavigationPins {
display: flex; display: flex;
flex-wrap: wrap;
overflow: hidden; overflow: hidden;
height: 100%; height: 100%;
@ -47,10 +48,12 @@
.pinned-item { .pinned-item {
position: relative; position: relative;
flex: 0 0 3em; flex: 1 0 3em;
min-width: 2em; min-width: 2em;
text-align: center; text-align: center;
overflow: visible; overflow: visible;
box-sizing: border-box;
height: 100%;
& .svg-inline--fa, & .svg-inline--fa,
& .iconLetter { & .iconLetter {