From 99854f686e58ab12d0090063da7591577a2df396 Mon Sep 17 00:00:00 2001 From: Uwe Date: Fri, 4 Nov 2022 11:24:15 +0100 Subject: [PATCH] Update linux stylesheet files to support icon only auto hide sidebars --- src/stylesheets/default_linux.css | 69 ++++++++++++++++---- src/stylesheets/focus_highlighting_linux.css | 69 ++++++++++++++++---- 2 files changed, 110 insertions(+), 28 deletions(-) diff --git a/src/stylesheets/default_linux.css b/src/stylesheets/default_linux.css index fbfc305..573d7df 100644 --- a/src/stylesheets/default_linux.css +++ b/src/stylesheets/default_linux.css @@ -178,40 +178,81 @@ ads--CAutoHideTab { } -ads--CAutoHideTab[sideBarLocation="0"], -ads--CAutoHideTab[sideBarLocation="2"] { +ads--CAutoHideTab:hover +{ + color: palette(highlight); +} + + +ads--CAutoHideTab[iconOnly="false"][sideBarLocation="0"], +ads--CAutoHideTab[iconOnly="false"][sideBarLocation="2"] { border-top: 6px solid rgba(0, 0, 0, 48); } -ads--CAutoHideTab[sideBarLocation="1"], -ads--CAutoHideTab[sideBarLocation="3"] { +ads--CAutoHideTab[iconOnly="false"][sideBarLocation="1"], +ads--CAutoHideTab[iconOnly="false"][sideBarLocation="3"] { border-bottom: 6px solid rgba(0, 0, 0, 48); } -ads--CAutoHideTab:hover[sideBarLocation="0"], -ads--CAutoHideTab:hover[sideBarLocation="2"] { +ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="0"], +ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="2"], +ads--CAutoHideTab[iconOnly="false"][sideBarLocation="0"][activeTab="true"], +ads--CAutoHideTab[iconOnly="false"][sideBarLocation="2"][activeTab="true"] { border-top: 6px solid palette(highlight); - color: palette(highlight); } -ads--CAutoHideTab:hover[sideBarLocation="1"], -ads--CAutoHideTab:hover[sideBarLocation="3"] { +ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="1"], +ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="3"], +ads--CAutoHideTab[iconOnly="false"][sideBarLocation="1"][activeTab="true"], +ads--CAutoHideTab[iconOnly="false"][sideBarLocation="3"][activeTab="true"] { border-bottom: 6px solid palette(highlight); - color: palette(highlight); } -ads--CAutoHideTab[sideBarLocation="0"][activeTab="true"], -ads--CAutoHideTab[sideBarLocation="2"][activeTab="true"] { + +/** + * Auto hide tabs with icon only + */ +ads--CAutoHideTab[iconOnly="true"][sideBarLocation="0"] { + border-top: 6px solid rgba(0, 0, 0, 48); +} + +ads--CAutoHideTab[iconOnly="true"][sideBarLocation="1"] { + border-left: 6px solid rgba(0, 0, 0, 48); +} + +ads--CAutoHideTab[iconOnly="true"][sideBarLocation="2"] { + border-right: 6px solid rgba(0, 0, 0, 48); +} + +ads--CAutoHideTab[iconOnly="true"][sideBarLocation="3"] { + border-bottom: 6px solid rgba(0, 0, 0, 48); +} + + +/** + * Auto hide tabs with icon only hover + */ +ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="0"], +ads--CAutoHideTab[iconOnly="true"][sideBarLocation="0"][activeTab="true"] { border-top: 6px solid palette(highlight); } +ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="1"], +ads--CAutoHideTab[iconOnly="true"][sideBarLocation="1"][activeTab="true"] { + border-left: 6px solid palette(highlight); +} -ads--CAutoHideTab[sideBarLocation="1"][activeTab="true"], -ads--CAutoHideTab[sideBarLocation="3"][activeTab="true"] { +ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="2"], +ads--CAutoHideTab[iconOnly="true"][sideBarLocation="2"][activeTab="true"] { + border-right: 6px solid palette(highlight); +} + +ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="3"], +ads--CAutoHideTab[iconOnly="true"][sideBarLocation="3"][activeTab="true"] { border-bottom: 6px solid palette(highlight); } diff --git a/src/stylesheets/focus_highlighting_linux.css b/src/stylesheets/focus_highlighting_linux.css index 45a8784..f21b137 100644 --- a/src/stylesheets/focus_highlighting_linux.css +++ b/src/stylesheets/focus_highlighting_linux.css @@ -254,40 +254,81 @@ ads--CAutoHideTab { } -ads--CAutoHideTab[sideBarLocation="0"], -ads--CAutoHideTab[sideBarLocation="2"] { +ads--CAutoHideTab:hover +{ + color: palette(highlight); +} + + +ads--CAutoHideTab[iconOnly="false"][sideBarLocation="0"], +ads--CAutoHideTab[iconOnly="false"][sideBarLocation="2"] { border-top: 6px solid rgba(0, 0, 0, 48); } -ads--CAutoHideTab[sideBarLocation="1"], -ads--CAutoHideTab[sideBarLocation="3"] { +ads--CAutoHideTab[iconOnly="false"][sideBarLocation="1"], +ads--CAutoHideTab[iconOnly="false"][sideBarLocation="3"] { border-bottom: 6px solid rgba(0, 0, 0, 48); } -ads--CAutoHideTab:hover[sideBarLocation="0"], -ads--CAutoHideTab:hover[sideBarLocation="2"] { +ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="0"], +ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="2"], +ads--CAutoHideTab[iconOnly="false"][sideBarLocation="0"][activeTab="true"], +ads--CAutoHideTab[iconOnly="false"][sideBarLocation="2"][activeTab="true"] { border-top: 6px solid palette(highlight); - color: palette(highlight); } -ads--CAutoHideTab:hover[sideBarLocation="1"], -ads--CAutoHideTab:hover[sideBarLocation="3"] { +ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="1"], +ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="3"], +ads--CAutoHideTab[iconOnly="false"][sideBarLocation="1"][activeTab="true"], +ads--CAutoHideTab[iconOnly="false"][sideBarLocation="3"][activeTab="true"] { border-bottom: 6px solid palette(highlight); - color: palette(highlight); } -ads--CAutoHideTab[sideBarLocation="0"][activeTab="true"], -ads--CAutoHideTab[sideBarLocation="2"][activeTab="true"] { + +/** + * Auto hide tabs with icon only + */ +ads--CAutoHideTab[iconOnly="true"][sideBarLocation="0"] { + border-top: 6px solid rgba(0, 0, 0, 48); +} + +ads--CAutoHideTab[iconOnly="true"][sideBarLocation="1"] { + border-left: 6px solid rgba(0, 0, 0, 48); +} + +ads--CAutoHideTab[iconOnly="true"][sideBarLocation="2"] { + border-right: 6px solid rgba(0, 0, 0, 48); +} + +ads--CAutoHideTab[iconOnly="true"][sideBarLocation="3"] { + border-bottom: 6px solid rgba(0, 0, 0, 48); +} + + +/** + * Auto hide tabs with icon only hover + */ +ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="0"], +ads--CAutoHideTab[iconOnly="true"][sideBarLocation="0"][activeTab="true"] { border-top: 6px solid palette(highlight); } +ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="1"], +ads--CAutoHideTab[iconOnly="true"][sideBarLocation="1"][activeTab="true"] { + border-left: 6px solid palette(highlight); +} -ads--CAutoHideTab[sideBarLocation="1"][activeTab="true"], -ads--CAutoHideTab[sideBarLocation="3"][activeTab="true"] { +ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="2"], +ads--CAutoHideTab[iconOnly="true"][sideBarLocation="2"][activeTab="true"] { + border-right: 6px solid palette(highlight); +} + +ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="3"], +ads--CAutoHideTab[iconOnly="true"][sideBarLocation="3"][activeTab="true"] { border-bottom: 6px solid palette(highlight); }