[gtk+/wip/csoriano/bookmarks] Adwaita: placesidebar style fixes.



commit 74e92df83ed1f8fbe9bbda3bbce0fff17e27d5ef
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Thu May 14 13:05:27 2015 +0200

    Adwaita: placesidebar style fixes.

 gtk/theme/Adwaita/_common.scss           |   20 +++++++++++++++++++-
 gtk/theme/Adwaita/gtk-contained-dark.css |   22 +++++++++++++++++++---
 gtk/theme/Adwaita/gtk-contained.css      |   22 +++++++++++++++++++---
 3 files changed, 57 insertions(+), 7 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 57c6648..f337cbf 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -2882,14 +2882,32 @@ GtkFileChooserDialog {
 
 GtkPlacesSidebar.sidebar {
 
-  $_placesidebar_icons_opacity: 0.6;
+  $_placesidebar_icons_opacity: 0.7;
+
+  SidebarRow {
+    padding-left: 14px;
+    padding-right: 6px;
+    padding-top: 2px;
+    padding-bottom: 2px;
+  }
 
   SidebarRow > GtkBox > GtkImage { opacity: $_placesidebar_icons_opacity; } // dim the device icons
   @at-root .sidebar-button.button { // @at-root needded to not change the specificity making button styling 
inheritance broken
                                     // so istead of "GtkPlacesSidebar.sidebar .sidebar-button.button" 
[specificity 0,0,3,1]
                                     // the extended selector ".sidebar-button.button" [specificity 0,0,2,0]
+    
+    &.image-button { padding: 6px; }
+
     @extend .button.flat;
     border-radius: 100%;
+    outline-radius: 100%;
+/*    &:hover:not(:active):not(:backdrop) {
+      background-image: none;
+      background-color: gtkalpha(currentColor, 0.1);
+      border-color: transparentize($borders_color, 1);
+      box-shadow: inset 0 0 transparentize(white, 1);
+      icon-shadow: none;
+    } */
     &:not(:hover):not(:active) > GtkImage,
     &:backdrop > GtkImage { opacity: $_placesidebar_icons_opacity };
   }
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 0f33320..6281202 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -3988,15 +3988,31 @@ GtkFileChooserDialog .dialog-action-box {
   .sidebar:backdrop {
     background-color: #454c4c; }
 
+GtkPlacesSidebar.sidebar SidebarRow {
+  padding-left: 14px;
+  padding-right: 6px;
+  padding-top: 2px;
+  padding-bottom: 2px; }
 GtkPlacesSidebar.sidebar SidebarRow > GtkBox > GtkImage {
-  opacity: 0.6; }
+  opacity: 0.7; }
 .sidebar-button.button, .header-bar .sidebar-button.button.titlebutton,
 .titlebar .sidebar-button.button.titlebutton {
-  border-radius: 100%; }
+  border-radius: 100%;
+  outline-radius: 100%;
+  /*    &:hover:not(:active):not(:backdrop) {
+        background-image: none;
+        background-color: gtkalpha(currentColor, 0.1);
+        border-color: transparentize($borders_color, 1);
+        box-shadow: inset 0 0 transparentize(white, 1);
+        icon-shadow: none;
+      } */ }
+  .sidebar-button.button.image-button, .header-bar .sidebar-button.titlebutton.button,
+  .titlebar .sidebar-button.titlebutton.button {
+    padding: 6px; }
   .sidebar-button.button:not(:hover):not(:active) > GtkImage, .header-bar 
.sidebar-button.button.titlebutton:not(:hover):not(:active) > GtkImage,
   .titlebar .sidebar-button.button.titlebutton:not(:hover):not(:active) > GtkImage, 
.sidebar-button.button:backdrop > GtkImage, .header-bar .sidebar-button.button.titlebutton:backdrop > 
GtkImage,
   .titlebar .sidebar-button.button.titlebutton:backdrop > GtkImage {
-    opacity: 0.6; }
+    opacity: 0.7; }
 
 .sidebar-item {
   padding: 10px 4px; }
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 472e182..4c8fba1 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -4160,15 +4160,31 @@ GtkFileChooserDialog .dialog-action-box {
   .sidebar:backdrop {
     background-color: #fafafa; }
 
+GtkPlacesSidebar.sidebar SidebarRow {
+  padding-left: 14px;
+  padding-right: 6px;
+  padding-top: 2px;
+  padding-bottom: 2px; }
 GtkPlacesSidebar.sidebar SidebarRow > GtkBox > GtkImage {
-  opacity: 0.6; }
+  opacity: 0.7; }
 .sidebar-button.button, .header-bar .sidebar-button.button.titlebutton,
 .titlebar .sidebar-button.button.titlebutton {
-  border-radius: 100%; }
+  border-radius: 100%;
+  outline-radius: 100%;
+  /*    &:hover:not(:active):not(:backdrop) {
+        background-image: none;
+        background-color: gtkalpha(currentColor, 0.1);
+        border-color: transparentize($borders_color, 1);
+        box-shadow: inset 0 0 transparentize(white, 1);
+        icon-shadow: none;
+      } */ }
+  .sidebar-button.button.image-button, .header-bar .sidebar-button.titlebutton.button,
+  .titlebar .sidebar-button.titlebutton.button {
+    padding: 6px; }
   .sidebar-button.button:not(:hover):not(:active) > GtkImage, .header-bar 
.sidebar-button.button.titlebutton:not(:hover):not(:active) > GtkImage,
   .titlebar .sidebar-button.button.titlebutton:not(:hover):not(:active) > GtkImage, 
.sidebar-button.button:backdrop > GtkImage, .header-bar .sidebar-button.button.titlebutton:backdrop > 
GtkImage,
   .titlebar .sidebar-button.button.titlebutton:backdrop > GtkImage {
-    opacity: 0.6; }
+    opacity: 0.7; }
 
 .sidebar-item {
   padding: 10px 4px; }


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]