From 60409de89c57c1ecedc6fcdbddb603e6ec61fd58 Mon Sep 17 00:00:00 2001 From: Jakub Steiner Date: Mon, 19 Feb 2018 20:37:03 +0100 Subject: Adwaita: avoid using assets for selectmode checks - use the normal button approach for checkboxes - boost resolution of the checkbox to use it at larger sizes Fixes issue #28 --- gtk/theme/Adwaita/_common.scss | 32 +- gtk/theme/Adwaita/assets.svg | 345 +-------------------- gtk/theme/Adwaita/assets/check-symbolic.svg | 40 +-- .../Adwaita/assets/check-symbolic.symbolic.png | Bin 231 -> 709 bytes .../assets/checkbox-active-selectionmode.png | Bin 870 -> 0 bytes .../assets/checkbox-active-selectionmode@2.png | Bin 1724 -> 0 bytes .../assets/checkbox-backdrop-selectionmode.png | Bin 801 -> 0 bytes .../assets/checkbox-backdrop-selectionmode@2.png | Bin 1579 -> 0 bytes .../checkbox-checked-active-selectionmode.png | Bin 1289 -> 0 bytes .../checkbox-checked-active-selectionmode@2.png | Bin 2575 -> 0 bytes .../checkbox-checked-backdrop-selectionmode.png | Bin 1281 -> 0 bytes .../checkbox-checked-backdrop-selectionmode@2.png | Bin 2423 -> 0 bytes .../checkbox-checked-hover-selectionmode.png | Bin 1346 -> 0 bytes .../checkbox-checked-hover-selectionmode@2.png | Bin 2693 -> 0 bytes .../assets/checkbox-checked-selectionmode.png | Bin 1383 -> 0 bytes .../assets/checkbox-checked-selectionmode@2.png | Bin 2755 -> 0 bytes .../assets/checkbox-hover-selectionmode.png | Bin 902 -> 0 bytes .../assets/checkbox-hover-selectionmode@2.png | Bin 1809 -> 0 bytes .../Adwaita/assets/checkbox-selectionmode.png | Bin 929 -> 0 bytes .../Adwaita/assets/checkbox-selectionmode@2.png | Bin 1883 -> 0 bytes gtk/theme/Adwaita/gtk-contained-dark.css | 16 +- gtk/theme/Adwaita/gtk-contained.css | 16 +- 22 files changed, 60 insertions(+), 389 deletions(-) delete mode 100644 gtk/theme/Adwaita/assets/checkbox-active-selectionmode.png delete mode 100644 gtk/theme/Adwaita/assets/checkbox-active-selectionmode@2.png delete mode 100644 gtk/theme/Adwaita/assets/checkbox-backdrop-selectionmode.png delete mode 100644 gtk/theme/Adwaita/assets/checkbox-backdrop-selectionmode@2.png delete mode 100644 gtk/theme/Adwaita/assets/checkbox-checked-active-selectionmode.png delete mode 100644 gtk/theme/Adwaita/assets/checkbox-checked-active-selectionmode@2.png delete mode 100644 gtk/theme/Adwaita/assets/checkbox-checked-backdrop-selectionmode.png delete mode 100644 gtk/theme/Adwaita/assets/checkbox-checked-backdrop-selectionmode@2.png delete mode 100644 gtk/theme/Adwaita/assets/checkbox-checked-hover-selectionmode.png delete mode 100644 gtk/theme/Adwaita/assets/checkbox-checked-hover-selectionmode@2.png delete mode 100644 gtk/theme/Adwaita/assets/checkbox-checked-selectionmode.png delete mode 100644 gtk/theme/Adwaita/assets/checkbox-checked-selectionmode@2.png delete mode 100644 gtk/theme/Adwaita/assets/checkbox-hover-selectionmode.png delete mode 100644 gtk/theme/Adwaita/assets/checkbox-hover-selectionmode@2.png delete mode 100644 gtk/theme/Adwaita/assets/checkbox-selectionmode.png delete mode 100644 gtk/theme/Adwaita/assets/checkbox-selectionmode@2.png diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss index 45e5d46a0d..5da9ffbeb5 100644 --- a/gtk/theme/Adwaita/_common.scss +++ b/gtk/theme/Adwaita/_common.scss @@ -2697,25 +2697,23 @@ switch { //selection-mode -@each $s,$as in ('','-selectionmode'), - (':hover', '-hover-selectionmode'), - (':active', '-active-selectionmode'), - (':backdrop', '-backdrop-selectionmode'), - (':checked', '-checked-selectionmode'), - (':checked:hover', '-checked-hover-selectionmode'), - (':checked:active', '-checked-active-selectionmode'), - (':backdrop:checked', '-checked-backdrop-selectionmode') { +@each $s in ('', + ':hover', + ':active', + ':backdrop', + ':checked', + ':checked:hover', + ':checked:active', + ':backdrop:checked') { .view.content-view.check#{$s}:not(list), .content-view .tile check#{$s}:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}.png"), url("assets/checkbox#{$as}@2.png")); - background-color: transparent; - min-width: 40px; - min-height: 40px; - background-image: none; - transition: none; - box-shadow: none; - border-width: 0; + margin: 12px; + min-width: 32px; min-height: 32px; + background-color: $osd_bg_color; + border-radius: 5px; + background-image: none; + transition: none; + box-shadow: none; } } diff --git a/gtk/theme/Adwaita/assets.svg b/gtk/theme/Adwaita/assets.svg index 880538f29c..1f59056b4a 100644 --- a/gtk/theme/Adwaita/assets.svg +++ b/gtk/theme/Adwaita/assets.svg @@ -14,7 +14,7 @@ height="1052.3622" id="svg9892" version="1.1" - inkscape:version="0.91 r13725" + inkscape:version="0.92.2 5c3e80d, 2017-08-06" sodipodi:docname="assets.svg" viewBox="0 0 1000 1052.3622"> - - - - - - - + id="guide4744" + inkscape:locked="false" /> + id="guide4746" + inkscape:locked="false" /> @@ -1867,303 +1833,10 @@ inkscape:connector-curvature="0" /> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + inkscape:version="0.92.2 5c3e80d, 2017-08-06" + width="56"> @@ -37,8 +37,8 @@ bordercolor="#666666" borderopacity="1" inkscape:current-layer="layer9" - inkscape:cx="-15.966869" - inkscape:cy="8.8415069" + inkscape:cx="20.322802" + inkscape:cy="21.113059" gridtolerance="10" inkscape:guide-bbox="true" guidetolerance="10" @@ -59,9 +59,9 @@ inkscape:snap-nodes="false" inkscape:snap-others="false" inkscape:snap-to-guides="true" - inkscape:window-height="1016" + inkscape:window-height="1376" inkscape:window-maximized="1" - inkscape:window-width="1920" + inkscape:window-width="3440" inkscape:window-x="0" inkscape:window-y="27" inkscape:zoom="15.238496" @@ -74,8 +74,8 @@ originx="-159.99995" originy="120" snapvisiblegridlinesonly="true" - spacingx="1px" - spacingy="1px" + spacingx="1" + spacingy="1" type="xygrid" visible="true" /> @@ -98,10 +98,10 @@ id="layer9" inkscape:label="status" style="display:inline;opacity:1" - transform="translate(-401.00015,-339)"> + transform="translate(-401.00015,-297)"> @@ -110,45 +110,45 @@ id="layer10" inkscape:label="devices" style="display:inline" - transform="translate(-401.00015,-339)" /> + transform="translate(-401.00015,-297)" /> + transform="translate(-401.00015,-297)" /> + transform="translate(-401.00015,-297)" /> + transform="translate(-401.00015,-297)" /> + transform="translate(-401.00015,-297)" /> + transform="translate(-401.00015,-297)" /> + transform="translate(-401.00015,-297)" /> + transform="translate(-401.00015,-297)" /> diff --git a/gtk/theme/Adwaita/assets/check-symbolic.symbolic.png b/gtk/theme/Adwaita/assets/check-symbolic.symbolic.png index eed1f45a58..b0d6128bbc 100644 Binary files a/gtk/theme/Adwaita/assets/check-symbolic.symbolic.png and b/gtk/theme/Adwaita/assets/check-symbolic.symbolic.png differ diff --git a/gtk/theme/Adwaita/assets/checkbox-active-selectionmode.png b/gtk/theme/Adwaita/assets/checkbox-active-selectionmode.png deleted file mode 100644 index 08737224b2..0000000000 Binary files a/gtk/theme/Adwaita/assets/checkbox-active-selectionmode.png and /dev/null differ diff --git a/gtk/theme/Adwaita/assets/checkbox-active-selectionmode@2.png b/gtk/theme/Adwaita/assets/checkbox-active-selectionmode@2.png deleted file mode 100644 index f47d310e5f..0000000000 Binary files a/gtk/theme/Adwaita/assets/checkbox-active-selectionmode@2.png and /dev/null differ diff --git a/gtk/theme/Adwaita/assets/checkbox-backdrop-selectionmode.png b/gtk/theme/Adwaita/assets/checkbox-backdrop-selectionmode.png deleted file mode 100644 index 8d4458f003..0000000000 Binary files a/gtk/theme/Adwaita/assets/checkbox-backdrop-selectionmode.png and /dev/null differ diff --git a/gtk/theme/Adwaita/assets/checkbox-backdrop-selectionmode@2.png b/gtk/theme/Adwaita/assets/checkbox-backdrop-selectionmode@2.png deleted file mode 100644 index 28c3492a12..0000000000 Binary files a/gtk/theme/Adwaita/assets/checkbox-backdrop-selectionmode@2.png and /dev/null differ diff --git a/gtk/theme/Adwaita/assets/checkbox-checked-active-selectionmode.png b/gtk/theme/Adwaita/assets/checkbox-checked-active-selectionmode.png deleted file mode 100644 index ff08773fb7..0000000000 Binary files a/gtk/theme/Adwaita/assets/checkbox-checked-active-selectionmode.png and /dev/null differ diff --git a/gtk/theme/Adwaita/assets/checkbox-checked-active-selectionmode@2.png b/gtk/theme/Adwaita/assets/checkbox-checked-active-selectionmode@2.png deleted file mode 100644 index a25111ced4..0000000000 Binary files a/gtk/theme/Adwaita/assets/checkbox-checked-active-selectionmode@2.png and /dev/null differ diff --git a/gtk/theme/Adwaita/assets/checkbox-checked-backdrop-selectionmode.png b/gtk/theme/Adwaita/assets/checkbox-checked-backdrop-selectionmode.png deleted file mode 100644 index 4b3082ab56..0000000000 Binary files a/gtk/theme/Adwaita/assets/checkbox-checked-backdrop-selectionmode.png and /dev/null differ diff --git a/gtk/theme/Adwaita/assets/checkbox-checked-backdrop-selectionmode@2.png b/gtk/theme/Adwaita/assets/checkbox-checked-backdrop-selectionmode@2.png deleted file mode 100644 index 179aaa0f91..0000000000 Binary files a/gtk/theme/Adwaita/assets/checkbox-checked-backdrop-selectionmode@2.png and /dev/null differ diff --git a/gtk/theme/Adwaita/assets/checkbox-checked-hover-selectionmode.png b/gtk/theme/Adwaita/assets/checkbox-checked-hover-selectionmode.png deleted file mode 100644 index 7e4e8b1edd..0000000000 Binary files a/gtk/theme/Adwaita/assets/checkbox-checked-hover-selectionmode.png and /dev/null differ diff --git a/gtk/theme/Adwaita/assets/checkbox-checked-hover-selectionmode@2.png b/gtk/theme/Adwaita/assets/checkbox-checked-hover-selectionmode@2.png deleted file mode 100644 index f7b3fbc088..0000000000 Binary files a/gtk/theme/Adwaita/assets/checkbox-checked-hover-selectionmode@2.png and /dev/null differ diff --git a/gtk/theme/Adwaita/assets/checkbox-checked-selectionmode.png b/gtk/theme/Adwaita/assets/checkbox-checked-selectionmode.png deleted file mode 100644 index fefbeab916..0000000000 Binary files a/gtk/theme/Adwaita/assets/checkbox-checked-selectionmode.png and /dev/null differ diff --git a/gtk/theme/Adwaita/assets/checkbox-checked-selectionmode@2.png b/gtk/theme/Adwaita/assets/checkbox-checked-selectionmode@2.png deleted file mode 100644 index de523016b3..0000000000 Binary files a/gtk/theme/Adwaita/assets/checkbox-checked-selectionmode@2.png and /dev/null differ diff --git a/gtk/theme/Adwaita/assets/checkbox-hover-selectionmode.png b/gtk/theme/Adwaita/assets/checkbox-hover-selectionmode.png deleted file mode 100644 index 37b259704f..0000000000 Binary files a/gtk/theme/Adwaita/assets/checkbox-hover-selectionmode.png and /dev/null differ diff --git a/gtk/theme/Adwaita/assets/checkbox-hover-selectionmode@2.png b/gtk/theme/Adwaita/assets/checkbox-hover-selectionmode@2.png deleted file mode 100644 index 5abeba412b..0000000000 Binary files a/gtk/theme/Adwaita/assets/checkbox-hover-selectionmode@2.png and /dev/null differ diff --git a/gtk/theme/Adwaita/assets/checkbox-selectionmode.png b/gtk/theme/Adwaita/assets/checkbox-selectionmode.png deleted file mode 100644 index 5636af48be..0000000000 Binary files a/gtk/theme/Adwaita/assets/checkbox-selectionmode.png and /dev/null differ diff --git a/gtk/theme/Adwaita/assets/checkbox-selectionmode@2.png b/gtk/theme/Adwaita/assets/checkbox-selectionmode@2.png deleted file mode 100644 index bf99cd8336..0000000000 Binary files a/gtk/theme/Adwaita/assets/checkbox-selectionmode@2.png and /dev/null differ diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css index 7e94ede784..3b74d9c640 100644 --- a/gtk/theme/Adwaita/gtk-contained-dark.css +++ b/gtk/theme/Adwaita/gtk-contained-dark.css @@ -1078,21 +1078,21 @@ switch:backdrop:disabled slider { border-color: #202425; background-image: image switch:backdrop:disabled slider label, switch:backdrop:disabled slider { color: #566164; } /************************* Check and Radio items * */ -.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } +.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; } -.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; } -.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; } -.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; } -.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; } -.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; } -.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; } -.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css index 51d4ff4cb3..fbc8f32da5 100644 --- a/gtk/theme/Adwaita/gtk-contained.css +++ b/gtk/theme/Adwaita/gtk-contained.css @@ -1096,21 +1096,21 @@ row:selected switch slider:dir(ltr) { border-right-color: #b6b6b3; } row:selected switch slider:checked, row:selected switch slider { border-color: #184472; } /************************* Check and Radio items * */ -.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } +.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; } -.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; } -.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; } -.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; } -.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; } -.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; } -.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; } -.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } -- cgit v1.2.1