[gtk+/wip/matthiasc/tab-strip] Fix scroll button styling
- From: Matthias Clasen <matthiasc src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk+/wip/matthiasc/tab-strip] Fix scroll button styling
- Date: Tue, 24 May 2016 22:13:49 +0000 (UTC)
commit 68b1814e83374bb5bbe741350584500e73822d57
Author: Matthias Clasen <mclasen redhat com>
Date: Tue May 24 18:13:15 2016 -0400
Fix scroll button styling
The selector was not specific enough, and the hover styling
was missing.
gtk/theme/Adwaita/_common.scss | 6 +++++-
gtk/theme/Adwaita/gtk-contained-dark.css | 12 +++++++++++-
gtk/theme/Adwaita/gtk-contained.css | 12 +++++++++++-
3 files changed, 27 insertions(+), 3 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 868bd36..6c18bd1 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -2293,11 +2293,15 @@ notebook {
************/
tabs {
- button {
+ button.flat.image-button {
@include button(undecorated);
border-radius: 50%;
margin: 10px;
padding: 0;
+ &:hover {
+ @include button(hover);
+ -gtk-icon-effect: highlight;
+ }
}
tab {
min-width: 6em;
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index fd36f94..a4cf5f4 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -2573,7 +2573,7 @@ notebook > stack:not(:only-child) {
/************
* Tabstrip *
************/
-tabs button {
+tabs button.flat.image-button {
border-color: transparent;
background-color: transparent;
background-image: none;
@@ -2583,6 +2583,16 @@ tabs button {
border-radius: 50%;
margin: 10px;
padding: 0; }
+ tabs button.flat.image-button:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #1b1f20;
+ border-bottom-color: #0b0c0c;
+ background-image: linear-gradient(to bottom, #353c3e, #2e3436 60%, #2a2e30);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.77945);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.77945);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ -gtk-icon-effect: highlight; }
tabs tab {
min-width: 6em;
padding: 13px;
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index d4211f4..f2db3b1 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -2586,7 +2586,7 @@ notebook > stack:not(:only-child) {
/************
* Tabstrip *
************/
-tabs button {
+tabs button.flat.image-button {
border-color: transparent;
background-color: transparent;
background-image: none;
@@ -2596,6 +2596,16 @@ tabs button {
border-radius: 50%;
margin: 10px;
padding: 0; }
+ tabs button.flat.image-button:hover {
+ color: #2e3436;
+ outline-color: rgba(46, 52, 54, 0.3);
+ border-color: #b6b6b3;
+ border-bottom-color: #91918c;
+ background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd);
+ text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ box-shadow: inset 0 1px white;
+ -gtk-icon-effect: highlight; }
tabs tab {
min-width: 6em;
padding: 13px;
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]