diff --git a/frontend/src/app/main/ui/components/title_bar.scss b/frontend/src/app/main/ui/components/title_bar.scss index c6882c4e0..20e25e233 100644 --- a/frontend/src/app/main/ui/components/title_bar.scss +++ b/frontend/src/app/main/ui/components/title_bar.scss @@ -14,6 +14,7 @@ width: 100%; min-height: $s-32; background-color: var(--title-background-color); + color: var(--title-foreground-color); } .title, @@ -26,7 +27,7 @@ grid-auto-flow: column; height: 100%; min-height: $s-32; - color: var(--title-foreground-color); + overflow: hidden; } diff --git a/frontend/src/app/main/ui/viewer/inspect/exports.scss b/frontend/src/app/main/ui/viewer/inspect/exports.scss index 600262c4e..95e674373 100644 --- a/frontend/src/app/main/ui/viewer/inspect/exports.scss +++ b/frontend/src/app/main/ui/viewer/inspect/exports.scss @@ -16,8 +16,10 @@ } .title-spacing-export-viewer { - @extend .attr-title; margin: 0; + color: var(--entry-foreground-color-hover); + margin-inline-start: calc(-1 * $s-8); + width: calc(100% + $s-8); } .add-export { @@ -26,6 +28,7 @@ width: $s-28; svg { @extend .button-icon; + stroke: var(--icon-foreground); } } diff --git a/frontend/src/app/main/ui/viewer/inspect/right_sidebar.scss b/frontend/src/app/main/ui/viewer/inspect/right_sidebar.scss index a542a2a1b..48bb94620 100644 --- a/frontend/src/app/main/ui/viewer/inspect/right_sidebar.scss +++ b/frontend/src/app/main/ui/viewer/inspect/right_sidebar.scss @@ -21,7 +21,7 @@ } .viewer-code { - padding: 0 $s-8; + padding-inline-start: $s-8; } .tool-windows {