BUGfix: Gnome-shell - no hover effect in search results item

thekomer · Nov 1, 2021 · 860f313 · 860f313
1 parent 5d0a862
commit 860f313
Show file tree

Hide file tree

Showing 4 changed files with 68 additions and 52 deletions.
diff --git a/gnome-shell/_common.scss b/gnome-shell/_common.scss
@@ -1442,6 +1442,19 @@ StScrollBar {
 
   //search results
 
+%search-section-content-item {
+	&:focus,
+	&:hover,
+	&:selected {
+		background-color: transparentize($osd_fg_color, .9);
+		transition-duration: 200ms;
+	}
+	&:active,
+	&:checked {
+		background-color: transparentize(darken($osd_bg_color, 10%), .1);
+	}
+}
+
   #searchResultsBin {
     max-width: 1000px;
   }
@@ -1466,7 +1479,7 @@ StScrollBar {
   }
   .list-search-results { spacing: 3px; }
 
-  .search-section-separator { height: 2px; background-color: rgba(255, 255, 255, 0.2); }
+  .search-section-separator { height: 2px; background-color: $gray; }
 
   .list-search-result-content { spacing: 30px; }
   .list-search-result-title { color: lighten($topbar_color,5%); spacing: 12px; }
@@ -1475,6 +1488,11 @@ StScrollBar {
   .list-search-provider-content { spacing: 20px; }
   .search-provider-icon { padding: 15px; }
 
+  //Icon tile
+  .search-provider-icon,
+  .list-search-result {
+		@extend %search-section-content-item;
+	}
 
   /* DASHBOARD */
 
@@ -1557,16 +1575,6 @@ StScrollBar {
     }
   }
 
-  //Icon tile
-  .search-provider-icon,
-  .list-search-result {
-    @extend %icon_tile;
-    &:active, &:checked { background-color: transparentize(darken($osd_bg_color,10%),.1); }
-    &:focus, &:selected, &:hover {
-      background-color: transparentize($bg_color,.7);
-      transition-duration: 200ms;
-    }
-  }
   .app-well-app,
   .app-well-app.app-folder,
   .show-apps,

diff --git a/gnome-shell/gnome-shell.css b/gnome-shell/gnome-shell.css
@@ -1307,6 +1307,18 @@ StScrollBar {
     .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon {
       color: #bfc3cd; }
 
+.search-provider-icon:focus,
+.list-search-result:focus, .search-provider-icon:hover,
+.list-search-result:hover, .search-provider-icon:selected,
+.list-search-result:selected {
+  background-color: rgba(191, 195, 205, 0.1);
+  transition-duration: 200ms; }
+
+.search-provider-icon:active,
+.list-search-result:active, .search-provider-icon:checked,
+.list-search-result:checked {
+  background-color: rgba(0, 0, 0, 0.85); }
+
 #searchResultsBin {
   max-width: 1000px; }
 
@@ -1330,7 +1342,7 @@ StScrollBar {
 
 .search-section-separator {
   height: 2px;
-  background-color: rgba(255, 255, 255, 0.2); }
+  background-color: #2f3962; }
 
 .list-search-result-content {
   spacing: 30px; }
@@ -1416,18 +1428,6 @@ StScrollBar {
   .app-view-control:last-child {
     border-radius: 0 3px 3px 0; }
 
-.search-provider-icon:active, .search-provider-icon:checked,
-.list-search-result:active,
-.list-search-result:checked {
-  background-color: rgba(0, 0, 0, 0.85); }
-
-.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover,
-.list-search-result:focus,
-.list-search-result:selected,
-.list-search-result:hover {
-  background-color: rgba(14, 17, 29, 0.3);
-  transition-duration: 200ms; }
-
 .app-well-app,
 .app-well-app.app-folder,
 .show-apps,
@@ -1469,8 +1469,7 @@ StScrollBar {
   box-shadow: 0px 0px 5px 4px rgba(255, 106, 0, 0.8);
   margin-bottom: 0px; }
 
-.search-provider-icon,
-.list-search-result, .app-well-app .overview-icon,
+.app-well-app .overview-icon,
 .app-well-app.app-folder .overview-icon,
 .show-apps .overview-icon,
 .grid-search-result .overview-icon {

diff --git a/gnome-shell/v40/_common.scss b/gnome-shell/v40/_common.scss
@@ -1425,6 +1425,20 @@ StScrollBar {
 
   //search results
 
+	%search-section-content-item {
+		&:focus,
+		&:hover,
+		&:selected {
+			background-color: transparentize($osd_fg_color, .9);
+			transition-duration: 200ms;
+		}
+
+		&:active,
+		&:checked {
+			background-color: transparentize(darken($osd_bg_color, 10%), .1);
+		}
+	}
+
   #searchResultsBin {
     max-width: 1000px;
   }
@@ -1449,7 +1463,7 @@ StScrollBar {
   }
   .list-search-results { spacing: 3px; }
 
-  .search-section-separator { height: 2px; background-color: rgba(255, 255, 255, 0.2); }
+  .search-section-separator { height: 2px; background-color: $gray; }
 
   .list-search-result-content { spacing: 30px; }
   .list-search-result-title { color: lighten($topbar_color,5%); spacing: 12px; }
@@ -1458,6 +1472,11 @@ StScrollBar {
   .list-search-provider-content { spacing: 20px; }
   .search-provider-icon { padding: 15px; }
 
+	//Icon tile
+	.search-provider-icon,
+	.list-search-result {
+		@extend %search-section-content-item;
+	}
 
   /* DASHBOARD */
 
@@ -1540,16 +1559,7 @@ StScrollBar {
     }
   }
 
-  //Icon tile
-  .search-provider-icon,
-  .list-search-result {
-    @extend %icon_tile;
-    &:active, &:checked { background-color: transparentize(darken($osd_bg_color,10%),.1); }
-    &:focus, &:selected, &:hover {
-      background-color: transparentize($bg_color,.7);
-      transition-duration: 200ms;
-    }
-  }
+
   .app-well-app,
   .app-well-app.app-folder,
   .show-apps,

diff --git a/gnome-shell/v40/gnome-shell.css b/gnome-shell/v40/gnome-shell.css
@@ -1285,6 +1285,18 @@ StScrollBar {
     .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon {
       color: #bfc3cd; }
 
+.search-provider-icon:focus,
+.list-search-result:focus, .search-provider-icon:hover,
+.list-search-result:hover, .search-provider-icon:selected,
+.list-search-result:selected {
+  background-color: rgba(191, 195, 205, 0.1);
+  transition-duration: 200ms; }
+
+.search-provider-icon:active,
+.list-search-result:active, .search-provider-icon:checked,
+.list-search-result:checked {
+  background-color: rgba(0, 0, 0, 0.85); }
+
 #searchResultsBin {
   max-width: 1000px; }
 
@@ -1308,7 +1320,7 @@ StScrollBar {
 
 .search-section-separator {
   height: 2px;
-  background-color: rgba(255, 255, 255, 0.2); }
+  background-color: #2f3962; }
 
 .list-search-result-content {
   spacing: 30px; }
@@ -1394,18 +1406,6 @@ StScrollBar {
   .app-view-control:last-child {
     border-radius: 0 3px 3px 0; }
 
-.search-provider-icon:active, .search-provider-icon:checked,
-.list-search-result:active,
-.list-search-result:checked {
-  background-color: rgba(0, 0, 0, 0.85); }
-
-.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover,
-.list-search-result:focus,
-.list-search-result:selected,
-.list-search-result:hover {
-  background-color: rgba(14, 17, 29, 0.3);
-  transition-duration: 200ms; }
-
 .app-well-app,
 .app-well-app.app-folder,
 .show-apps,
@@ -1447,8 +1447,7 @@ StScrollBar {
   box-shadow: 0px 0px 5px 4px rgba(255, 106, 0, 0.8);
   margin-bottom: 0px; }
 
-.search-provider-icon,
-.list-search-result, .app-well-app .overview-icon,
+.app-well-app .overview-icon,
 .app-well-app.app-folder .overview-icon,
 .show-apps .overview-icon,
 .grid-search-result .overview-icon {