[libadwaita/wip/exalm/entry-spinbutton-fixes: 2/2] stylesheet: Fix spinbutton buttons




commit 8015fc5eb83b71e34104b0388cf9eabe86d1fa06
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Tue Nov 16 16:13:52 2021 +0500

    stylesheet: Fix spinbutton buttons
    
    Restore disabled style, simplify css. Remove the border, it's barely
    visible anyway, and we don't do that with entry icons.

 src/stylesheet/widgets/_spin-button.scss | 24 ++----------------------
 1 file changed, 2 insertions(+), 22 deletions(-)
---
diff --git a/src/stylesheet/widgets/_spin-button.scss b/src/stylesheet/widgets/_spin-button.scss
index 0b7e5f4d..2d740a49 100644
--- a/src/stylesheet/widgets/_spin-button.scss
+++ b/src/stylesheet/widgets/_spin-button.scss
@@ -8,25 +8,10 @@ spinbutton {
   /* :not here just to bump specificity above that of the list button styling */
   > 
button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
   > 
button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) 
{
-    margin: 0;
-    background: none;
-    border-style: solid;
-    border-color: $thin_border_color;
+    @extend %button_basic_flat;
+
     border-radius: 0;
     box-shadow: none;
-    color: inherit;
-
-    &:hover {
-      background-color: $view_hover_color;
-    }
-
-    &:active {
-      background-color: $view_active_color;
-    }
-
-    &:disabled {
-      filter: none;
-    }
   }
 
   &:not(.vertical) {
@@ -42,9 +27,6 @@ spinbutton {
       min-width: 22px;
       padding-bottom: 0;
       padding-top: 0;
-      border-width: 0 0 0 1px;
-
-      &:dir(rtl) { border-width: 0 1px 0 0; }
 
       &:dir(ltr):last-child { border-radius: 0 $button_radius $button_radius 0; }
 
@@ -62,12 +44,10 @@ spinbutton {
     > 
button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
     > 
button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) 
{
       &:last-child {
-        border-width: 1px 0 0 0;
         border-radius: 0 0 $button_radius $button_radius;
       }
 
       &:first-child {
-        border-width: 0 0 1px 0;
         border-radius: $button_radius $button_radius 0 0;
       }
     }


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