diff --git a/frontend/resources/styles/common/refactor/mixins.scss b/frontend/resources/styles/common/refactor/mixins.scss index 87f891796..e7c452709 100644 --- a/frontend/resources/styles/common/refactor/mixins.scss +++ b/frontend/resources/styles/common/refactor/mixins.scss @@ -31,7 +31,7 @@ @mixin titleTipography { font-family: "worksans", sans-serif; - font-size: $fs-12; + font-size: $fs-14; font-weight: $fw400; line-height: 1.2; } diff --git a/frontend/src/app/main/ui/components/tab_container.scss b/frontend/src/app/main/ui/components/tab_container.scss index d5263e34f..16ffc2408 100644 --- a/frontend/src/app/main/ui/components/tab_container.scss +++ b/frontend/src/app/main/ui/components/tab_container.scss @@ -26,7 +26,6 @@ flex-direction: row; gap: $s-2; height: $s-32; - padding: $s-2 $s-2 $s-2 $s-2; border-radius: $br-8; background: var(--color-background-secondary); cursor: pointer; @@ -40,7 +39,7 @@ .tab-container-tab-title { @include flexCenter; @include tabTitleTipography; - height: $s-28; + height: 100%; width: 100%; padding: 0 $s-8; margin: 0; @@ -65,7 +64,7 @@ height: 100%; width: $s-24; min-width: $s-24; - padding: 0 $s-6 0 0; + padding: 0 $s-6; border-radius: $br-5; svg { @include flexCenter; diff --git a/frontend/src/app/main/ui/components/title_bar.scss b/frontend/src/app/main/ui/components/title_bar.scss index 9f4a9549c..ac3a6b77c 100644 --- a/frontend/src/app/main/ui/components/title_bar.scss +++ b/frontend/src/app/main/ui/components/title_bar.scss @@ -13,7 +13,9 @@ height: $s-32; width: 100%; min-height: $s-32; + margin: $s-4 0; background-color: var(--title-background-color); + padding-right: $s-8; .title, .title-only { @include tabTitleTipography; diff --git a/frontend/src/app/main/ui/workspace/left_header.scss b/frontend/src/app/main/ui/workspace/left_header.scss index cd06e8c7b..7f7b00bdb 100644 --- a/frontend/src/app/main/ui/workspace/left_header.scss +++ b/frontend/src/app/main/ui/workspace/left_header.scss @@ -10,7 +10,6 @@ display: flex; align-items: center; height: $s-48; - max-width: var(--width, $s-256); padding: $s-8 $s-8 $s-4 $s-8; .main-icon { @include flexCenter; @@ -49,7 +48,7 @@ border: 0; border-radius: $br-8; background-color: var(--input-background-color); - font-size: $fs-12; + font-size: $fs-14; color: var(--input-foreground-color); z-index: 20; white-space: break-spaces; diff --git a/frontend/src/app/main/ui/workspace/sidebar.scss b/frontend/src/app/main/ui/workspace/sidebar.scss index 9be412d6a..b7b95448b 100644 --- a/frontend/src/app/main/ui/workspace/sidebar.scss +++ b/frontend/src/app/main/ui/workspace/sidebar.scss @@ -43,7 +43,7 @@ $width-settings-bar-max: $s-500; } } :global(.tab-spacing) { - margin: $s-4 $s-4 0 $s-4; + margin: $s-4 $s-8 0 $s-8; } .right-settings-bar { grid-area: right-sidebar; diff --git a/frontend/src/app/main/ui/workspace/sidebar/layers.scss b/frontend/src/app/main/ui/workspace/sidebar/layers.scss index a09f2a0cf..995e3e2a2 100644 --- a/frontend/src/app/main/ui/workspace/sidebar/layers.scss +++ b/frontend/src/app/main/ui/workspace/sidebar/layers.scss @@ -20,7 +20,6 @@ min-height: $s-32; margin-top: $s-2; margin-bottom: $s-4; - padding-right: $s-8; .page-name { @include tabTitleTipography; padding: 0 $s-12; @@ -238,7 +237,7 @@ width: 100%; overflow-y: auto; overflow-x: hidden; - scrollbar-gutter: stable; + // scrollbar-gutter: stable; overflow-y: overlay; .element-list { width: 100%; diff --git a/frontend/src/app/main/ui/workspace/sidebar/sitemap.scss b/frontend/src/app/main/ui/workspace/sidebar/sitemap.scss index 41c6120e7..95b21bac9 100644 --- a/frontend/src/app/main/ui/workspace/sidebar/sitemap.scss +++ b/frontend/src/app/main/ui/workspace/sidebar/sitemap.scss @@ -52,7 +52,7 @@ flex-direction: column; overflow-y: auto; overflow-x: hidden; - scrollbar-gutter: stable; + // scrollbar-gutter: stable; overflow-y: overlay; height: 100%; width: 100%;