BUGfix: Cinnamon - padding on selected item in menu.js

thekomer · Feb 11, 2022 · 71c563d · 71c563d
1 parent 932c8b9
commit 71c563d
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 10 deletions.
diff --git a/cinnamon/cinnamon.css b/cinnamon/cinnamon.css
@@ -1178,12 +1178,12 @@ StScrollBar {
  * * * * * * * * * */
 .menu-favorites-box {
   padding: 10px;
-  transition-duration: 300;
   background-color: #131727;
   border: 1px solid rgba(191, 195, 205, 0.05);
   border-radius: 0.4em; }
 
 .menu-favorites-button {
+  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
   padding: .9em 1em;
   border: 1px solid rgba(191, 195, 205, 0.05);
   border-radius: 0.5em; }
@@ -1208,17 +1208,13 @@ StScrollBar {
   padding: 10px 10px 0 10px; }
 
 .menu-application-button {
-  padding: 0.2em;
   border: 1px solid rgba(191, 195, 205, 0);
   border-radius: 0.5em; }
   .menu-application-button:highlighted {
     font-weight: bold; }
   .menu-application-button-selected {
-    padding: 7px;
-    background-clip: padding-box;
     color: #fefefe;
     background: rgba(255, 255, 255, 0.075);
-    border: 1px solid rgba(191, 195, 205, 0.05);
     border-radius: 0.5em;
     -gtk-icon-effect: highlight; }
     .menu-application-button-selected:highlighted {

diff --git a/cinnamon/sass/_common.scss b/cinnamon/sass/_common.scss
@@ -1,5 +1,10 @@
 $asset_path: if($variant == 'dark', dark-assets, light-assets);
 
+$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
+$asset_suffix: if($variant=='dark', '-dark', '');
+$backdrop_transition: 200ms ease-out;
+$button_transition: all 200ms $ease-out-quad;
+
 stage {
   color: $fg_color;
 }
@@ -1424,13 +1429,13 @@ StScrollBar {
 .menu {
   &-favorites-box {
     padding: 10px;
-    transition-duration: 300;
     background-color: $base_color;
     border: 1px solid $borders_color;
     border-radius: 0.4em;
   }
 
   &-favorites-button {
+		transition: $button_transition;
     padding: .9em 1em;
     border: 1px solid $borders_color;
     border-radius: 0.5em; //9px;
@@ -1460,22 +1465,22 @@ StScrollBar {
   &-applications-outer-box { padding: 10px 10px 0 10px; }
 
   &-application-button {
-    padding: 0.2em;
+    //padding: 0.2em;
     border: 1px solid transparentize($borders_color, 0.5); //rgba(0,0,0,0);
     border-radius: 0.5em;
 
     // This style is used in menu application buttons for applications which were newly installed
     &:highlighted { font-weight: bold; }
 
     &-selected {
-      padding: 7px;
-      background-clip: padding-box;
+      //padding: 7px;
+      //background-clip: padding-box;
       color: $selected_fg_color;
       //background-color: $selected_bg_color;
       //@include bg_gradient(horizontal, $orange_gradient_start, $orange_gradient_end, 0.7);
       background: transparentize(white, 0.925);
       //border: 1px solid transparentize($selected_bg_color, 0.6);
-      border: 1px solid $borders_color;
+      //border: 1px solid $borders_color;
       border-radius: 0.5em;
       -gtk-icon-effect: highlight;