[gnome-builder] style: tweak styling



commit 193527b8ebd8f55090b1305a6202949ba27c92ad
Author: Christian Hergert <chergert redhat com>
Date:   Sun Jul 23 21:18:58 2017 -0700

    style: tweak styling
    
    remove old styling, remove padding from Arc popover in omnibar.

 data/themes/Adwaita-dark.css     |   20 ----------
 data/themes/Adwaita.css          |   15 --------
 data/themes/Arc-shared.css       |   72 ++++----------------------------------
 libide/workbench/ide-omni-bar.ui |    8 +++-
 4 files changed, 13 insertions(+), 102 deletions(-)
---
diff --git a/data/themes/Adwaita-dark.css b/data/themes/Adwaita-dark.css
index 2bbb00e..aab5c28 100644
--- a/data/themes/Adwaita-dark.css
+++ b/data/themes/Adwaita-dark.css
@@ -16,26 +16,6 @@ perspectiveswitcher button:hover {
 }
 
 
-layouttabbar {
-  background-color: #272c2e;
-  box-shadow: 0 4px 3px -5px #2c3030 inset,
-              0 -1px 0 #1c1f1f inset;
-}
-layouttabbar:backdrop {
-  box-shadow: 0 -1px 0 #2c3030 inset;
-}
-layouttab {
-  border-bottom-color: #215d9c;
-  box-shadow: 0 4px 3px -5px #2c3030 inset;
-}
-layouttab:backdrop {
-  background-color: #393f3f;
-  border-right-color: alpha(@borders, 0.5);
-  border-left-color: alpha(@borders, 0.5);
-  box-shadow: none;
-}
-
-
 entry.search-missing {
   border-color: #330000;
 }
diff --git a/data/themes/Adwaita.css b/data/themes/Adwaita.css
index 802c056..0d3483a 100644
--- a/data/themes/Adwaita.css
+++ b/data/themes/Adwaita.css
@@ -1,21 +1,6 @@
 @import url("resource:///org/gnome/builder/themes/Adwaita-shared.css");
 
 
-layouttabbar {
-  background-color: #d6d6d6;
-  border-bottom: 1px solid #a1a1a1;
-  box-shadow: 0 4px 3px -5px #aaa inset;
-}
-layouttab {
-  border-bottom-color: #4a90d9;
-  box-shadow: 0 4px 3px -5px #aaa inset;
-}
-layouttab:backdrop {
-  background-color: #efefef;
-  border-right-color: alpha(@borders, 0.5);
-  border-left-color: alpha(@borders, 0.5);
-}
-
 entry.search-missing {
   border-color: #aa0000;
 }
diff --git a/data/themes/Arc-shared.css b/data/themes/Arc-shared.css
index d39494c..3c40f96 100644
--- a/data/themes/Arc-shared.css
+++ b/data/themes/Arc-shared.css
@@ -38,71 +38,6 @@ perspectiveswitcher button:checked:backdrop {
 }
 
 
-/*
- * Layout tab and tab bar tweaks
- *
- * The following makes the layout stack header look similar to a tab bar.
- */
-layouttabbar {
-  border-bottom: 1px solid @borders;
-}
-layouttabbar > box > button {
-  opacity: 0.5;
-}
-layouttabbar > box > button:hover,
-layouttabbar > box > button:active {
-  color: @theme_fg_color;
-  opacity: 0.75;
-}
-layouttabbar > box > button:checked {
-  color: @theme_fg_color;
-  opacity: 1;
-}
-layouttabbar button {
-  border: none;
-  box-shadow: none;
-  background: transparent;
-}
-layouttabbar > box {
-  border-top: 3px solid @theme_bg_color;
-}
-
-layouttab label {
-  padding: 5px;
-}
-layouttab {
-  border: 1px solid @borders;
-}
-layouttab separator.vertical {
-  margin-top: 7px;
-  margin-bottom: 7px;
-  opacity: 0.75;
-}
-layouttab separator.vertical:backdrop {
-  opacity: 0.3;
-}
-layouttab button:disabled,
-layouttab button {
-  background: none;
-  border: none;
-  box-shadow: none;
-  padding-left: 4px;
-  padding-right: 4px;
-}
-layouttab button:checked,
-layouttab button:active {
-  color: @theme_fg_color;
-}
-
-/* Close button */
-layouttab > box > button:last-child image {
-  opacity: 0.75;
-}
-layouttab > box > button:last-child:hover image {
-  color: red;
-}
-
-
 layoutpane stackswitcher button {
   color: @theme_fg_color;
   background-color: transparent;
@@ -133,3 +68,10 @@ window.workbench buildperspective list row {
 window.workbench buildperspective list row:last-child {
   border-bottom: none;
 }
+
+
+/* omnibar popover, remove popover padding */
+popover.messagepopover > * > * {
+  margin: 0;
+  padding: 0;
+}
diff --git a/libide/workbench/ide-omni-bar.ui b/libide/workbench/ide-omni-bar.ui
index 7f33b4c..63336d6 100644
--- a/libide/workbench/ide-omni-bar.ui
+++ b/libide/workbench/ide-omni-bar.ui
@@ -151,7 +151,6 @@
   <object class="GtkPopover" id="popover">
     <property name="relative-to">event_box</property>
     <property name="position">bottom</property>
-    <property name="border-width">24</property>
     <property name="width-request">525</property>
     <style>
       <class name="messagepopover"/>
@@ -171,6 +170,9 @@
               <object class="GtkBox">
                 <property name="orientation">vertical</property>
                 <property name="visible">true</property>
+                <property name="margin-top">24</property>
+                <property name="margin-start">24</property>
+                <property name="margin-end">24</property>
                 <child>
                   <object class="GtkBox">
                     <property name="hexpand">true</property>
@@ -301,6 +303,8 @@
                 <child>
                   <object class="GtkBox">
                     <property name="margin-top">24</property>
+                    <property name="margin-start">24</property>
+                    <property name="margin-end">24</property>
                     <property name="orientation">vertical</property>
                     <property name="visible">true</property>
                     <child>
@@ -464,7 +468,7 @@
             </child>
             <child>
               <object class="GtkBox">
-                <property name="margin-top">24</property>
+                <property name="margin">24</property>
                 <property name="orientation">horizontal</property>
                 <property name="visible">true</property>
                 <property name="homogeneous">true</property>


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