diff --git a/apps/client/src/layouts/desktop_layout.tsx b/apps/client/src/layouts/desktop_layout.tsx index f446ef25a..e03e73d09 100644 --- a/apps/client/src/layouts/desktop_layout.tsx +++ b/apps/client/src/layouts/desktop_layout.tsx @@ -81,6 +81,7 @@ export default class DesktopLayout { .class("tab-row-container") .child(new FlexContainer("row").id("tab-row-left-spacer")) .optChild(launcherPaneIsHorizontal, ) + .child() .child(new TabRowWidget().class("full-width")) .optChild(customTitleBarButtons, ) .css("height", "40px") diff --git a/apps/client/src/stylesheets/theme-next/shell.css b/apps/client/src/stylesheets/theme-next/shell.css index 7643a02b2..e3e92cd7d 100644 --- a/apps/client/src/stylesheets/theme-next/shell.css +++ b/apps/client/src/stylesheets/theme-next/shell.css @@ -502,7 +502,7 @@ div.bookmark-folder-widget .note-link .bx { font-size: 1.2em; } -/* +/* * QUICK SEARCH BOX */ @@ -613,7 +613,7 @@ div.quick-search .dropdown-menu { * As a temporary workaround, the backdrop and transparency are disabled for the * vertical layout. */ -body.layout-vertical.background-effects div.quick-search .dropdown-menu { +body.layout-vertical.background-effects div.quick-search .dropdown-menu { --menu-background-color: var(--menu-background-color-no-backdrop) !important; } @@ -945,12 +945,26 @@ body.electron.background-effects.layout-horizontal .tab-row-container .toggle-bu position: absolute; bottom: 0; inset-inline-start: -10px; - inset-inline-end: -10px; + inset-inline-end: -6px; top: 32px; height: 1px; border-bottom: 1px solid var(--launcher-pane-horiz-border-color); } +body.electron.background-effects.layout-horizontal .tab-row-container .tab-history-navigation-buttons { + position: relative; + + &:after { + content: ""; + position: absolute; + bottom: 0; + inset-inline-start: 0; + inset-inline-end: -7px; + 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; @@ -1569,7 +1583,7 @@ div.floating-buttons .show-floating-buttons-button { div.floating-buttons .show-floating-buttons-button::before { animation: floating-buttons-show-hide-button-animation 400ms ease-out; } - + div.floating-buttons .show-floating-buttons-button:hover, div.floating-buttons .show-floating-buttons-button:active { box-shadow: var(--floating-button-show-button-hover-shadow); @@ -1831,7 +1845,7 @@ div.find-replace-widget div.find-widget-found-wrapper > span { .excalidraw .dropdown-menu { border: unset !important; - box-shadow: unset !important; + box-shadow: unset !important; background-color: transparent !important; --island-bg-color: var(--menu-background-color); --shadow-island: 0px 10px 20px rgba(0, 0, 0, var(--dropdown-shadow-opacity)); @@ -1850,4 +1864,4 @@ div.find-replace-widget div.find-widget-found-wrapper > span { .excalidraw .dropdown-menu:before { content: unset !important; -} \ No newline at end of file +}