From 0921c2bf71321a3b49affa047f8156e81a5ee6ad Mon Sep 17 00:00:00 2001 From: Lains <4886639+lainsce@users.noreply.github.com> Date: Sun, 15 Jan 2023 15:05:59 -0300 Subject: [PATCH] simplify tabs design --- Helium/gtk-4.0/_tauos.scss | 44 ++++++++++++++++---------------------- 1 file changed, 18 insertions(+), 26 deletions(-) diff --git a/Helium/gtk-4.0/_tauos.scss b/Helium/gtk-4.0/_tauos.scss index a8101d5..4a4c34d 100644 --- a/Helium/gtk-4.0/_tauos.scss +++ b/Helium/gtk-4.0/_tauos.scss @@ -638,40 +638,32 @@ $colors: ( } } -.tab-holder .tab { - margin: 0; - padding: 0; - border-radius: 8px 8px 0 0; -} -.tab-holder .disclosure-button { - padding: 2px; +.tab-holder { + background: transparent; + box-shadow: none; } - .tab-child { - background: $view_bg_color; - border-radius: 8px 8px 0 0; - padding: 2px 3px; - box-shadow: inset 0 0 0 1px gtkalpha($view_fg_color, 0.125); + background: gtkalpha($view_bg_color, 50%); + box-shadow: none; + border-radius: 12px; + padding: 0px 2px; &:hover { - background: gtkmix($view_bg_color, $view_fg_color, 90%); + background: $view_bg_color; } &:active { - background: gtkmix($view_bg_color, $view_fg_color, 80%); - } - - & button { background: transparent; - border-radius: 999px; - padding: 0; - margin: 0; - } - - & button:hover { - background: gtkalpha($view_fg_color, 0.1); } - & button:active { - background: gtkalpha($view_fg_color, 0.2); +} +.tab { + background: none; + box-shadow: none; + border-radius: 12px; + margin: 6px 0px; + padding: 2px 8px; + + &:checked { + background: $view_bg_color; } }