diff --git a/src/public/app/widgets/tab_row.ts b/src/public/app/widgets/tab_row.ts index 44299aa8e..3e47acb70 100644 --- a/src/public/app/widgets/tab_row.ts +++ b/src/public/app/widgets/tab_row.ts @@ -47,7 +47,6 @@ const TAB_ROW_TPL = ` position: relative; width: 100%; background: var(--main-background-color); - overflow: hidden; user-select: none; } diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css index 81ecff173..483d6910d 100644 --- a/src/public/stylesheets/theme-next/shell.css +++ b/src/public/stylesheets/theme-next/shell.css @@ -869,36 +869,11 @@ body.mobile .fancytree-node > span { position: relative; } -/* #region Apply a border to the tab bar that avoids the current tab but also allows a transparent active tab. */ -body.layout-horizontal .tab-row-widget, -body.layout-horizontal .tab-row-container .note-tab[active] { - overflow: visible !important; -} - -body.layout-horizontal .tab-row-container .note-tab[active]:before { - content: ""; - position: absolute; - bottom: 0; - left: -100vw; - top: var(--tab-height); - right: calc(100% - 1px); - height: 1px; +/* Apply a border to the tab bar that avoids the current tab but also allows a transparent active tab. */ +body.layout-horizontal .tab-row-container { border-bottom: 1px solid var(--launcher-pane-horiz-border-color); } -body.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); -} -/* #endregion */ - body.layout-vertical.electron.platform-darwin .tab-row-container { border-bottom: 1px solid var(--subtle-border-color); } @@ -907,8 +882,8 @@ body.layout-vertical.electron.platform-darwin .tab-row-container { height: var(--tab-height) !important; } -.tab-row-widget { - padding-top: calc((var(--tab-bar-height) - var(--tab-height)) / 2); +.tab-row-widget > * { + margin-top: calc((var(--tab-bar-height) - var(--tab-height)) / 2); } body.layout-horizontal .tab-row-container { @@ -932,7 +907,7 @@ body.layout-vertical #left-pane .quick-search > * { body.layout-horizontal .tab-row-widget, body.layout-horizontal .tab-row-widget-container { - padding-top: 0; + margin-top: 0; position: relative; overflow: hidden; } @@ -994,7 +969,7 @@ body.layout-horizontal .tab-row-widget .note-tab .note-tab-wrapper { text-overflow: ellipsis; } -body.layout-vertical .tab-row-widget-is-sorting .note-tab[active] .note-tab-wrapper { +body.layout-vertical .tab-row-widget-is-sorting .note-tab.note-tab-is-dragging .note-tab-wrapper { transform: scale(0.85); box-shadow: var(--active-tab-dragging-shadow) !important; }