[gtk+/wip/baedert/drawing: 247/262] Make radio and check buttons appear as intended
- From: Timm Bäder <baedert src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk+/wip/baedert/drawing: 247/262] Make radio and check buttons appear as intended
- Date: Tue, 6 Jun 2017 09:40:28 +0000 (UTC)
commit 34aca115bf1f8a932d907783cf4fcac799e3d888
Author: Matthias Clasen <mclasen redhat com>
Date: Thu Jun 1 09:52:00 2017 -0400
Make radio and check buttons appear as intended
These are not meant to have a background or border.
So ensure that they don't get one applied by Adwaita.
gtk/theme/Adwaita/_common.scss | 5 +++++
gtk/theme/Adwaita/gtk-contained-dark.css | 2 ++
gtk/theme/Adwaita/gtk-contained.css | 2 ++
3 files changed, 9 insertions(+), 0 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index fdf449f..3d10979 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -2664,6 +2664,11 @@ switch {
}
}
+checkbutton button.toggle, radiobutton:not(.radio) button.toggle {
+ background: none;
+ border: none;
+}
+
checkbutton.text-button, radiobutton.text-button {
// this is for a nice focus on check and radios text
padding: 2px 0;
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 64d25db..1c556e8 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -1092,6 +1092,8 @@ switch:backdrop:disabled slider label, switch:backdrop:disabled slider { color:
.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; }
+checkbutton button.toggle, radiobutton:not(.radio) button.toggle { background: none; border: none; }
+
checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; }
checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button
label:not(:only-child):first-child { margin-left: 4px; }
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 9824b1f..99113b5 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -1110,6 +1110,8 @@ row:selected switch.slider:checked, row:selected switch.slider { border-color: #
.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; }
+checkbutton button.toggle, radiobutton:not(.radio) button.toggle { background: none; border: none; }
+
checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; }
checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button
label:not(:only-child):first-child { margin-left: 4px; }
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]