[gtk+/wip/baedert/drawing] Make radio and check buttons appear as intended
- From: Matthias Clasen <matthiasc src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk+/wip/baedert/drawing] Make radio and check buttons appear as intended
- Date: Thu, 1 Jun 2017 22:38:41 +0000 (UTC)
commit 63f456ea8887486b0fa6c748f0f14423e69f6e36
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 556ac17..b41aa42 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -2658,6 +2658,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 a277331..d4fe8dc 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 b311b4a..f46f45f 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]