squeeze/stretch pinned items as long as there's enough space for it,
hide items that won't fitc
This commit is contained in:
parent
dc5992f990
commit
8dceffa8d7
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user