diff --git a/apps/client/src/stylesheets/theme-next/shell.css b/apps/client/src/stylesheets/theme-next/shell.css index b3b22f3d8..c709e457a 100644 --- a/apps/client/src/stylesheets/theme-next/shell.css +++ b/apps/client/src/stylesheets/theme-next/shell.css @@ -886,6 +886,80 @@ body.layout-horizontal .tab-row-container { border-bottom: 1px solid var(--launcher-pane-horiz-border-color); } +body.electron.background-effects.layout-horizontal .tab-row-container { + border-bottom: unset !important; +} + +body.electron.background-effects.layout-horizontal .note-tab-wrapper { + top: 1px; +} + +body.electron.background-effects.layout-horizontal .tab-row-container .toggle-button { + position: relative; +} + +body.electron.background-effects.layout-horizontal .tab-row-container .toggle-button:after { + content: ""; + position: absolute; + bottom: 0; + left: -10px; + right: -10px; + top: 29px; + height: 1px; + border-bottom: 1px solid var(--launcher-pane-horiz-border-color); +} + +body.electron.background-effects.layout-horizontal .tab-row-container .tab-scroll-button-left, +body.electron.background-effects.layout-horizontal .tab-row-container .tab-scroll-button-right { + position: relative; +} + +body.electron.background-effects.layout-horizontal .tab-row-container .tab-scroll-button-left:after, +body.electron.background-effects.layout-horizontal .tab-row-container .tab-scroll-button-right:after { + content: ""; + position: absolute; + bottom: 0; + left: 0px; + right: 0px; + height: 1px; + border-bottom: 1px solid var(--launcher-pane-horiz-border-color); +} + +body.electron.background-effects.layout-horizontal .tab-row-container .note-tab[active]:before { + content: ""; + position: absolute; + bottom: 0; + left: -32768px; + top: var(--tab-height); + right: calc(100% - 1px); + height: 1px; + border-bottom: 1px solid var(--launcher-pane-horiz-border-color); +} + +body.electron.background-effects.layout-horizontal .tab-row-container .note-tab[active]:after { + content: ""; + position: absolute; + bottom: 0; + left: 100%; + top: var(--tab-height); + right: 0; + width: 100vw; + height: 1px; + border-bottom: 1px solid var(--launcher-pane-horiz-border-color); +} + +body.electron.background-effects.layout-horizontal .tab-row-container .note-new-tab:before { + content: ""; + position: absolute; + bottom: 0; + left: -4px; + top: calc(var(--tab-height), -1); + right: 0; + width: 100vw; + height: 1px; + border-bottom: 1px solid var(--launcher-pane-horiz-border-color); +} + body.layout-vertical.electron.platform-darwin .tab-row-container { border-bottom: 1px solid var(--subtle-border-color); }