diff --git a/res/css/structures/_LeftPanel.scss b/res/css/structures/_LeftPanel.scss index 75d37e250b..ca4a5ea6f3 100644 --- a/res/css/structures/_LeftPanel.scss +++ b/res/css/structures/_LeftPanel.scss @@ -22,19 +22,15 @@ limitations under the License. flex: 0 0 auto; } -.mx_LeftPanel_container.mx_LeftPanel_container_hasTagPanel { - /* TagPanel 70px + LeftPanel 260px */ - flex: 0 0 auto; -} - -.mx_LeftPanel_container_collapsed { +.mx_LeftPanel_container.collapsed { + min-width: unset; /* Collapsed LeftPanel 70px */ flex: 0 0 70px; } -.mx_LeftPanel_container_collapsed.mx_LeftPanel_container_hasTagPanel { +.mx_LeftPanel_container.collapsed.mx_LeftPanel_container_hasTagPanel { /* TagPanel 70px + Collapsed LeftPanel 70px */ - flex: 0 0 auto; + flex: 0 0 140px; } .mx_LeftPanel_hideButton { @@ -53,7 +49,7 @@ limitations under the License. background-color: $secondary-accent-color; flex: 1; position: relative; - + overflow-x: hidden; display: flex; flex-direction: column; } @@ -71,7 +67,7 @@ limitations under the License. z-index: 6; } -.mx_LeftPanel.collapsed .mx_BottomLeftMenu { +.mx_LeftPanel_container.collapsed .mx_BottomLeftMenu { flex: 0 0 160px; margin-bottom: 9px; } @@ -94,7 +90,7 @@ limitations under the License. pointer-events: none; } -.collapsed .mx_RoleButton { +.mx_LeftPanel_container.collapsed .mx_RoleButton { margin-right: 0px ! important; padding-top: 3px ! important; padding-bottom: 3px ! important; @@ -118,7 +114,7 @@ limitations under the License. margin-right: 0px; } -.mx_LeftPanel.collapsed .mx_BottomLeftMenu_settings { +.mx_LeftPanel_container.collapsed .mx_BottomLeftMenu_settings { float: none; } @@ -127,7 +123,7 @@ limitations under the License. flex: 0 0 50px; } - .mx_LeftPanel.collapsed .mx_BottomLeftMenu { + .mx_LeftPanel_container.collapsed .mx_BottomLeftMenu { flex: 0 0 160px; }