AuroraMiddleware/gtk2
1
0
Fork 0
forked from AuroraMiddleware/gtk
Code Issues Pull Requests Projects Releases Wiki Activity

Adwaita: style selectionmode checks for flowbox tiles

Browse Source 
- continue being asset based rather than drawn by CSS
- using node 'check' rather than style '.check'

https://bugzilla.gnome.org/show_bug.cgi?id=779074
This commit is contained in:
Jakub Steiner 2017-03-02 12:39:02 +01:00 committed by Daniel Boles
parent 6fe1d30e62
commit 870447446d
3 changed files with 135 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
gtk/theme/Adwaita/_common.scss
View File

@ -2592,10 +2592,16 @@ switch {
(':checked:hover', '-checked-hover-selectionmode'),
(':checked:active', '-checked-active-selectionmode'),
(':backdrop:checked', '-checked-backdrop-selectionmode') {
.view.content-view.check#{$s}:not(list) {
.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;
}
}

80
gtk/theme/Adwaita/gtk-contained-dark.css
View File

@ -2800,45 +2800,93 @@ switch {
/*************************
* Check and Radio items *
*************************/
.view.content-view.check:not(list), iconview.content-view.check:not(list) {
.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; }
background-color: transparent;
min-width: 40px;
min-height: 40px;
background-image: none;
transition: none;
box-shadow: none; }
.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list) {
.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; }
background-color: transparent;
min-width: 40px;
min-height: 40px;
background-image: none;
transition: none;
box-shadow: none; }
.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list) {
.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; }
background-color: transparent;
min-width: 40px;
min-height: 40px;
background-image: none;
transition: none;
box-shadow: none; }
.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list) {
.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; }
background-color: transparent;
min-width: 40px;
min-height: 40px;
background-image: none;
transition: none;
box-shadow: none; }
.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) {
.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; }
background-color: transparent;
min-width: 40px;
min-height: 40px;
background-image: none;
transition: none;
box-shadow: none; }
.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list) {
.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; }
background-color: transparent;
min-width: 40px;
min-height: 40px;
background-image: none;
transition: none;
box-shadow: none; }
.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list) {
.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; }
background-color: transparent;
min-width: 40px;
min-height: 40px;
background-image: none;
transition: none;
box-shadow: none; }
.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list) {
.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; }
background-color: transparent;
min-width: 40px;
min-height: 40px;
background-image: none;
transition: none;
box-shadow: none; }
checkbutton.text-button, radiobutton.text-button {
padding: 2px 0;

80
gtk/theme/Adwaita/gtk-contained.css
View File

@ -2827,45 +2827,93 @@ switch {
/*************************
* Check and Radio items *
*************************/
.view.content-view.check:not(list), iconview.content-view.check:not(list) {
.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; }
background-color: transparent;
min-width: 40px;
min-height: 40px;
background-image: none;
transition: none;
box-shadow: none; }
.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list) {
.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; }
background-color: transparent;
min-width: 40px;
min-height: 40px;
background-image: none;
transition: none;
box-shadow: none; }
.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list) {
.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; }
background-color: transparent;
min-width: 40px;
min-height: 40px;
background-image: none;
transition: none;
box-shadow: none; }
.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list) {
.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; }
background-color: transparent;
min-width: 40px;
min-height: 40px;
background-image: none;
transition: none;
box-shadow: none; }
.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) {
.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; }
background-color: transparent;
min-width: 40px;
min-height: 40px;
background-image: none;
transition: none;
box-shadow: none; }
.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list) {
.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; }
background-color: transparent;
min-width: 40px;
min-height: 40px;
background-image: none;
transition: none;
box-shadow: none; }
.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list) {
.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; }
background-color: transparent;
min-width: 40px;
min-height: 40px;
background-image: none;
transition: none;
box-shadow: none; }
.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list) {
.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; }
background-color: transparent;
min-width: 40px;
min-height: 40px;
background-image: none;
transition: none;
box-shadow: none; }
checkbutton.text-button, radiobutton.text-button {
padding: 2px 0;