From 15b9f38439e5cb0ef60cd68281f3487f5a5e025a Mon Sep 17 00:00:00 2001 From: Elian Doran Date: Fri, 22 Nov 2024 21:41:23 +0200 Subject: [PATCH] style(client): improve background for full-width tab bar --- src/public/app/layouts/desktop_layout.js | 2 +- src/public/app/widgets/tab_row.js | 4 ++++ 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/src/public/app/layouts/desktop_layout.js b/src/public/app/layouts/desktop_layout.js index 4fbbe43c5..cc94a62a0 100644 --- a/src/public/app/layouts/desktop_layout.js +++ b/src/public/app/layouts/desktop_layout.js @@ -99,7 +99,7 @@ export default class DesktopLayout { return new RootContainer() .setParent(appContext) .optChild(launcherPaneIsHorizontal, new FlexContainer('row') - .child(tabBar) + .child(tabBar.class("full-width")) .css('height', '40px') ) .optChild(launcherPaneIsHorizontal, launcherPane) diff --git a/src/public/app/widgets/tab_row.js b/src/public/app/widgets/tab_row.js index 3437660ee..6ac6e177f 100644 --- a/src/public/app/widgets/tab_row.js +++ b/src/public/app/widgets/tab_row.js @@ -55,6 +55,10 @@ const TAB_ROW_TPL = ` background: var(--main-background-color); overflow: hidden; } + + .tab-row-widget.full-width { + background: var(--launcher-pane-background-color); + } .tab-row-widget * { box-sizing: inherit;