fix(apps): add nautilus pathbar styling (#486)

* fix(apps): add styling for nautilus path bar

Copies the styling from Nautilus's CSS into the Pop theme, and adds some pop-flavored changes.

* build(debian): release 5.3.1

Author: Ian Santopietro

debian/changelog

@@ -1,3 +1,9 @@
+pop-gtk-theme (5.3.1) UNRELEASED; urgency=medium
+
+  * Add styling for Nautilus Path Bars
+
+ -- Ian Santopietro <ian@system76.com>  Thu, 12 Nov 2020 17:14:27 -0700
+
 pop-gtk-theme (5.3.0) groovy; urgency=medium
 
   * Sync sources with Adwaita 3.38 for 20.10

gtk/src/light/gtk-3.0/_apps.scss

@@ -63,6 +63,38 @@ list.tweak-categories separator {
   background-color: if($variant=='light', white, $base_color);
   &:backdrop { background-color: $backdrop_base_color }
 
+  .path-bar-box {
+    $_headerbar_button_bg: darken($headerbar_bg_color, 2%);
+    $_btn_backdrop_border: darken($headerbar_border_color, 3%);
+    border: 1px solid;
+    border-radius: $button_radius;
+    transition: all 200ms $ease-out-quad;
+    @include button(normal, $_headerbar_button_bg, $headerbar_fg_color);
+    
+    &:backdrop {
+      @include button(backdrop, $backdrop_headerbar_bg_color, $backdrop_headerbar_fg_color);
+      border-color: $_btn_backdrop_border;
+    }
+  }
+  
+  .path-bar-box button {
+    margin: 0px;
+
+    &:first-child {
+      border-width: 0px 1px 0px 0px;
+      border-radius: $button_radius 0px 0px $button_radius;
+    }
+
+    &:not(:first-child) {
+      border-width: 0px 1px 0px 1px;
+      border-radius: 0px;
+    }
+    
+    &:not(:checked) image {
+      opacity: 0.8; /* dim the icon when not checked */
+    }
+  }
+
   // Make sure tags fit inside the search entry
   entry.search > * {
     margin: 5px;