Mercurial > repos > other > Adwaita-Dark-Green
comparison gtk-3.24/Adwaita-override.css @ 112:bba406abe07c
Add Adwaita/Handy overrides for view switcher
This gets us back to a reasonable match for the normal
Adwaita/Handy view switcher in older apps
author | IBBoard <dev@ibboard.co.uk> |
---|---|
date | Sun, 01 May 2022 11:32:36 +0100 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
111:3668109a6b96 | 112:bba406abe07c |
---|---|
1 window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { border-radius: 8px; } | |
2 | |
3 viewswitcher, viewswitcher button { margin: 0; padding: 0; } | |
4 | |
5 viewswitcher button { border-radius: 0; border-top: 0; border-bottom: 0; box-shadow: none; font-size: 1rem; } | |
6 | |
7 headerbar:not(.selection-mode) viewswitcher button:not(:backdrop) { box-shadow: inset 0 2px #4c4c4c, inset 0 1px #303030; background-color: #3D3D3D; background-origin: border-box; } | |
8 | |
9 viewswitcher button:not(:checked):not(:hover) { background: transparent; } | |
10 | |
11 viewswitcher button:not(:only-child):not(:last-child):not(:hover) { border-right-width: 0px; } | |
12 | |
13 viewswitcher button:not(only-child):first-child:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):not(:hover) { border-left-color: transparent; } | |
14 | |
15 viewswitcher button:not(only-child):last-child:not(:checked):not(:hover) { border-right-color: transparent; } | |
16 /* | |
17 viewswitcher button:not(only-child):first-child:not(:checked):hover, viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { border-left-color: shade(#cdc7c2, 1.15); } | |
18 | |
19 viewswitcher button:not(only-child):last-child:not(:checked):hover { border-right-color: shade(#cdc7c2, 1.15); } | |
20 | |
21 viewswitcher button:not(:checked):hover:backdrop { background-image: image(#f6f5f4); } | |
22 | |
23 headerbar viewswitcher button:not(:checked):hover:not(:backdrop) { background-image: linear-gradient(to top, shade(alpha(#f6f5f4, 0.7), 0.96) 2px, alpha(#f6f5f4, 0.7)); } | |
24 | |
25 headerbar viewswitcher button:not(:checked):not(only-child):first-child:hover, headerbar viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), headerbar viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { border-left-color: #cdc7c2; } | |
26 | |
27 headerbar viewswitcher button:not(:checked):not(only-child):last-child:hover { border-right-color: #cdc7c2; } | |
28 | |
29 headerbar viewswitcher button:not(:checked):hover:backdrop { background-image: image(#f6f5f4); } | |
30 */ | |
31 viewswitcher button > stack > box.narrow { font-size: 0.75rem; padding-top: 7px; padding-bottom: 5px; } | |
32 | |
33 viewswitcher button > stack > box.narrow image, viewswitcher button > stack > box.narrow label { padding-left: 8px; padding-right: 8px; } | |
34 | |
35 viewswitcher button > stack > box.wide { padding: 8px 12px; } | |
36 | |
37 viewswitcher button > stack > box.wide image:dir(ltr) { padding-left: 7px; } | |
38 | |
39 viewswitcher button > stack > box.wide image:dir(rtl) { padding-right: 7px; } | |
40 | |
41 viewswitcher button > stack > box.wide label:dir(ltr) { padding-right: 7px; } | |
42 | |
43 viewswitcher button > stack > box.wide label:dir(rtl) { padding-left: 7px; } | |
44 | |
45 viewswitcher button > stack > box label.active { font-weight: bold; } | |
46 | |
47 viewswitcher button.needs-attention:active > stack > box label, viewswitcher button.needs-attention:checked > stack > box label { animation: none; background-image: none; } | |
48 | |
49 viewswitcher button.needs-attention > stack > box label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5E7F3E), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 0px, right 1px; } | |
50 | |
51 viewswitcher button.needs-attention > stack > box label:backdrop { background-size: 6px 6px, 0 0; } | |
52 | |
53 viewswitcher button.needs-attention > stack > box label:dir(rtl) { background-position: left 0px, left 1px; } |