Fixed issues

src/_sass/gtk/_common-3.20.scss

@@ -35,6 +35,56 @@
   &:focus { outline-color: $overlay-checked; }
 }
 
+%selected_items {
+  color: $text;
+  background-color: $overlay-selected;
+}
+
+%selected_items_color {
+  color: $primary;
+  background-color: rgba($primary, 0.2);
+}
+
+%selected_items_primary {
+  color: on($primary);
+  background-color: $primary;
+}
+
+%linked {
+  border-radius: 0;
+
+  &:first-child {
+    border-top-left-radius: $corner-radius;
+    border-bottom-left-radius: $corner-radius;
+  }
+
+  &:last-child {
+    border-top-right-radius: $corner-radius;
+    border-bottom-right-radius: $corner-radius;
+  }
+
+  &:only-child {
+    border-radius: $corner-radius;
+  }
+}
+
+%linked-vertical {
+  border-radius: 0;
+
+  &:first-child {
+    border-top-left-radius: $corner-radius;
+    border-top-right-radius: $corner-radius;
+  }
+
+  &:last-child {
+    border-bottom-left-radius: $corner-radius;
+    border-bottom-right-radius: $corner-radius;
+  }
+
+  &:only-child {
+    border-radius: $corner-radius;
+  }
+}
 
 /***************
  * Base States *
@@ -137,10 +187,8 @@ flowbox {
     padding: 4px;
     border-radius: $corner-radius;
 
-    &:selected { @extend %selected_items_primary; }
+    &:selected { @extend %selected_items_color; }
   }
-
-  .background.csd & flowboxchild:selected { @extend %selected_items_color; }
 }
 
 .content-view .tile {
@@ -432,6 +480,19 @@ treeview entry {
   &:checked:disabled { @include button(checked-disabled); }
 }
 
+%circular-button { // The Bloody Circul Button
+  border-radius: $circular-radius;
+
+  label { padding: 0; }
+}
+
+%small-button {
+  min-height: $small-size;
+  min-width: $small-size;
+  padding: 0;
+  border-radius: $circular-radius;
+}
+
 button {
   min-height: 24px;
   min-width: 16px;
@@ -620,20 +681,8 @@ button {
 
   .primary-toolbar & { -gtk-icon-shadow: none; } // tango icons don't need shadows
 
-  @at-root %circular-button,
   &.close,
-  &.circular { // The Bloody Circul Button
+  &.circular { @extend %circular-button; }
-    border-radius: $circular-radius;
-
-    // label { padding: 0; }
-  }
-
-  @at-root %small-button {
-    min-height: $small-size;
-    min-width: $small-size;
-    padding: 0;
-    border-radius: $circular-radius;
-  }
 }
 
 %needs-attention {
@@ -645,52 +694,7 @@ button {
   &:dir(rtl) { background-position: left 3px; }
 }
 
-// all the following is for the +|- buttons on inline toolbars, that way
+// menu buttons
-// should really be deprecated...
-// .inline-toolbar toolbutton > button { // redefining the button look is
-// }
-
-// More inline toolbar buttons
-// toolbar.inline-toolbar toolbutton {
-// }
-
-%linked {
-  border-radius: 0;
-
-  &:first-child {
-    border-top-left-radius: $corner-radius;
-    border-bottom-left-radius: $corner-radius;
-  }
-
-  &:last-child {
-    border-top-right-radius: $corner-radius;
-    border-bottom-right-radius: $corner-radius;
-  }
-
-  &:only-child {
-    border-radius: $corner-radius;
-  }
-}
-
-%linked-vertical {
-  border-radius: 0;
-
-  &:first-child {
-    border-top-left-radius: $corner-radius;
-    border-top-right-radius: $corner-radius;
-  }
-
-  &:last-child {
-    border-bottom-left-radius: $corner-radius;
-    border-bottom-right-radius: $corner-radius;
-  }
-
-  &:only-child {
-    border-radius: $corner-radius;
-  }
-}
-
-/* menu buttons */
 modelbutton.flat,
 .menuitem.button.flat {
   min-height: $menuitem-size;
@@ -1440,7 +1444,7 @@ treeview.view {
 
   // FIXME: Avoid transparency background-color being slightly darker
   &:selected {
-    background-color: $base;
+    @extend %selected_items;
     background-image: image($overlay-checked);
   }
 
@@ -1600,6 +1604,7 @@ menu,
     &:hover {
       transition: none;
       background-color: $overlay-hover;
+      color: $text;
     }
 
     &:disabled { color: $text-disabled; }
@@ -1625,6 +1630,10 @@ menu,
     label { &:dir(rtl), &:dir(ltr) { color: inherit; }}
   }
 
+  .view:selected {
+    background-color: mix($text, $surface, 10%);
+  }
+
   // overflow arrows
   > arrow {
     min-height: 16px;
@@ -2865,9 +2874,7 @@ row {
  *********************/
 .app-notification {
   // @extend %osd;
-
   @extend %toolbar_osd;
-
   margin: 8px;
 
   button {
@@ -3598,23 +3605,6 @@ button.titlebutton {
   // .selection-mode & { }
 }
 
-
-// catch all extend :)
-
-%selected_items {
-  background-color: $overlay-selected;
-}
-
-%selected_items_color {
-  color: $primary;
-  background-color: rgba($primary, 0.2);
-}
-
-%selected_items_primary {
-  color: on($primary);
-  background-color: $primary;
-}
-
 .monospace { font-family: monospace; }
 
 

src/_sass/gtk/apps/_misc.scss

@@ -339,3 +339,7 @@ window.background.csd {
     }
   }
 }
+
+//
+// LibreOffice
+//