diff --git a/src/ui/layout/layout.scss b/src/ui/layout/layout.scss index 98eb93fc6e..fc43a6d500 100644 --- a/src/ui/layout/layout.scss +++ b/src/ui/layout/layout.scss @@ -133,10 +133,9 @@ &__pane-tree { background: linear-gradient(90deg, transparent 70%, rgba(black, 0.2) 99%, rgba(black, 0.3)); - .l-pane__header { - // Hide all buttons except the collapse button - > :not(.l-pane__collapse-button) { - display: none; + .l-pane__header { + > :not(.l-pane__collapse-button) { // On default, show all the header icons. + display: block; } } @@ -148,6 +147,11 @@ [class*='collapse-button'] { right: -8px; } + .l-pane__header{ // If pane is collapsed, hide all the icons except the collapse button, which gets replaced into the hamburger menu. + > :not(.l-pane__collapse-button) { + display: none; + } + } } } } diff --git a/src/ui/layout/pane.scss b/src/ui/layout/pane.scss index c322706c46..98f149f2da 100644 --- a/src/ui/layout/pane.scss +++ b/src/ui/layout/pane.scss @@ -78,11 +78,6 @@ &.l-pane--collapsed { padding-left: 0 !important; padding-right: 0 !important; - body.mobile & { - .l-shell__sync-tree-button .l-shell__reset-tree-button{ - display: none !important; - } - } } } @@ -386,7 +381,6 @@ body.mobile { .l-pane__header{ > * { - display: block !important; @include ellipsize(); @include userSelectNone(); text-transform: uppercase; diff --git a/src/ui/layout/recent-objects.scss b/src/ui/layout/recent-objects.scss index 4dc9bbcfa4..ebe83b0b24 100644 --- a/src/ui/layout/recent-objects.scss +++ b/src/ui/layout/recent-objects.scss @@ -71,6 +71,9 @@ color: $colorItemTreeIcon; font-size: 1.25em; height: 50%; + body.mobile &{ + height: auto; + } // TEMP: uses object-label component, hide label part .c-object-label__name {