diff --git a/playwright/snapshots/settings/appearance-user-settings-tab.spec.ts/window-12px-linux.png b/playwright/snapshots/settings/appearance-user-settings-tab.spec.ts/window-12px-linux.png index aa72c5786d..7f8bb1633b 100644 Binary files a/playwright/snapshots/settings/appearance-user-settings-tab.spec.ts/window-12px-linux.png and b/playwright/snapshots/settings/appearance-user-settings-tab.spec.ts/window-12px-linux.png differ diff --git a/playwright/snapshots/spaces/spaces.spec.ts/space-panel-collapsed-linux.png b/playwright/snapshots/spaces/spaces.spec.ts/space-panel-collapsed-linux.png index 9da21158e9..fe7b649a7c 100644 Binary files a/playwright/snapshots/spaces/spaces.spec.ts/space-panel-collapsed-linux.png and b/playwright/snapshots/spaces/spaces.spec.ts/space-panel-collapsed-linux.png differ diff --git a/playwright/snapshots/spaces/spaces.spec.ts/space-panel-expanded-linux.png b/playwright/snapshots/spaces/spaces.spec.ts/space-panel-expanded-linux.png index 9dce045261..ecb8749af3 100644 Binary files a/playwright/snapshots/spaces/spaces.spec.ts/space-panel-expanded-linux.png and b/playwright/snapshots/spaces/spaces.spec.ts/space-panel-expanded-linux.png differ diff --git a/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-button-expanded-linux.png b/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-button-expanded-linux.png index bdd01674ea..d8ffef8d4b 100644 Binary files a/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-button-expanded-linux.png and b/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-button-expanded-linux.png differ diff --git a/res/css/structures/_SpacePanel.pcss b/res/css/structures/_SpacePanel.pcss index bb35e36e80..3949335ec1 100644 --- a/res/css/structures/_SpacePanel.pcss +++ b/res/css/structures/_SpacePanel.pcss @@ -18,7 +18,7 @@ limitations under the License. --activeBackground-color: $panel-actions; --activeBorder-color: $primary-content; --activeBorder-transparent-gap: 1px; - --gutterSize: 16px; + --gutterSize: 14px; --height-nested: 24px; --height-topLevel: 32px; @@ -34,6 +34,10 @@ limitations under the License. display: flex; flex-direction: column; + &.collapsed { + width: 68px; + } + .mx_SpacePanel_toggleCollapse { position: absolute; width: 18px; @@ -149,6 +153,11 @@ limitations under the License. min-width: 0; } + &.mx_SpaceButton_narrow .mx_SpaceButton_selectionWrapper { + flex: initial; + width: 32px; + } + .mx_SpaceButton_name { flex: 1; margin-left: 8px; @@ -323,7 +332,8 @@ limitations under the License. /* root space buttons are bigger and not indented */ & > .mx_AutoHideScrollbar { flex: 1; - padding: 0 8px 16px 0; + padding: 0 0 16px 0; + scrollbar-gutter: stable; & > .mx_SpaceButton { height: var(--height-topLevel); @@ -380,7 +390,7 @@ limitations under the License. .mx_UserMenu { padding-bottom: 12px; border-bottom: 1px solid $separator; - margin: 12px 14px 4px 18px; + margin: 12px 14px 4px 16px; max-width: 226px; } }