GTK3: Add specific styling for Builder 3.22

nana-4 · Sep 21, 2016 · e546f03 · e546f03
1 parent 0f11d76
commit e546f03
Show file tree

Hide file tree

Showing 5 changed files with 434 additions and 123 deletions.
diff --git a/gtk-3.0/_apps.scss b/gtk-3.0/_apps.scss
@@ -370,14 +370,6 @@ workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar
   // box-shadow: none;
 }
 
-perspectiveswitcher {
-  background-color: $bg_color;
-}
-
-perspectiveswitcher button:checked {
-  color: $primary_color;
-}
-
 // Layout tab and tab bar tweaks
 // The following makes the layout stack header look similar to a tab bar.
 layouttabbar {
@@ -430,8 +422,99 @@ entry.search-missing {
 
 // tweak icons for treeviews
 workbench treeview.image { color: gtkalpha(currentColor, $hint_opacity); }
+
 workbench treeview.image:selected { color: $tertiary_inversed_fg_color; }
 
+popover.popover-selector list {
+  padding: 8px - 2px;
+}
+
+popover.popover-selector list row {
+  border-radius: 2px;
+}
+
+popover.popover-selector list row image {
+  &:dir(ltr) { margin-right: 6px; }
+  &:dir(rtl) { margin-left: 6px; }
+}
+
+omnibar {
+  &.linked:not(.vertical) entry { border-radius: 2px; }
+
+  &:not(:hover):not(:active) entry { color: $secondary_fg_color; }
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid $borders_color;
+}
+
+entry.preferences-search {
+  @extend %entry.flat;
+
+  box-shadow: inset 0 -1px $borders_color;
+  background-color: $base_color;
+
+  // doesn't work properly
+  // &:dir(ltr) { border-right: 1px solid $borders_color; }
+  // &:dir(rtl) { border-left: 1px solid $borders_color; }
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: $lighter_bg_color;
+}
+
+preferences stacksidebar.sidebar {
+  &:dir(ltr),
+  &:dir(rtl) { list { border-style: none; }}
+}
+
+preferences stacksidebar list separator {
+  min-width: 0;
+  min-height: 0;
+  background: transparent;
+}
+
+preferences > box > box {
+  &:dir(ltr) { border-right: 1px solid $borders_color; }
+  &:dir(rtl) { border-left: 1px solid $borders_color; }
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  @extend %simple_flat_button;
+
+  padding: 8px 16px;
+  border-top: 1px solid $borders_color;
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 2px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 2px;
+}
+
+popover.messagepopover .popover-content-area {
+  margin: 16px;
+}
+
+popover.transfers list {
+  background-color: transparent;
+}
+
+popover.transfers list row:not(:first-child) {
+  border-top: 1px solid $borders_color;
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
 dockbin {
   border: 1px solid $borders_color;
   -PnlDockBin-handle-size: 1;
@@ -505,7 +588,7 @@ pillbox {
 }
 
 buildperspective row {
-  padding: 10px;
+  // padding: 10px;
 }
 
 layoutpane entry.search {
@@ -526,12 +609,6 @@ editortweak entry.search {
 // let's tweak hard-coded elements
 //
 
-// styling for editor search
-frame.gb-search-frame {
-  // border-bottom-left-radius: 5px;
-  border-bottom-right-radius: 5px;
-}
-
 .gb-search-entry-occurrences-tag {
   box-shadow: none;
   background-color: transparent;
@@ -561,6 +638,12 @@ workbench preferences preferencesgroup list entry {
   padding-bottom: 8px;
 }
 
+button.run-arrow-button {
+  // min-width: 12px;
+  padding-left: ($medium_size - 16px) / 2;
+  padding-right: ($medium_size - 16px) / 2;
+}
+
 
 /**********
  * Photos *