diff --git a/src/public/app/layouts/desktop_layout.js b/src/public/app/layouts/desktop_layout.js index d5e9f8c68..4e73fffce 100644 --- a/src/public/app/layouts/desktop_layout.js +++ b/src/public/app/layouts/desktop_layout.js @@ -101,6 +101,7 @@ export default class DesktopLayout { .class((launcherPaneIsHorizontal ? "horizontal" : "vertical") + "-layout") .optChild(fullWidthTabBar, new FlexContainer('row') .class("tab-row-container") + .child(new FlexContainer( "row").id("tab-row-left-spacer")) .child(new LeftPaneToggleWidget(true)) .child(new TabRowWidget().class("full-width")) .css('height', '40px') diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css index 7225f49d5..9d6a515eb 100644 --- a/src/public/stylesheets/style.css +++ b/src/public/stylesheets/style.css @@ -1276,8 +1276,12 @@ textarea { color: var(--muted-text-color); } +#tab-row-left-spacer { + width: env(titlebar-area-x); + -webkit-app-region: drag; +} + .tab-row-container { - padding-left: env(titlebar-area-x); margin-right: calc(100vw, env(titlebar-area-width, 100vw)); }