Fixed gnome-shell 3.34 message list issues

vinceliuice · Sep 30, 2019 · 8337ede · 8337ede
1 parent e4b4781
commit 8337ede
Show file tree

Hide file tree

Showing 8 changed files with 231 additions and 133 deletions.
diff --git a/src/gnome-shell/gnome-shell-aliz.css b/src/gnome-shell/gnome-shell-aliz.css
@@ -1553,6 +1553,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .message {
   min-height: 56px;
   background-color: transparent;
+  border: none;
   border-radius: 2px;
 }
 
@@ -1576,6 +1577,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   icon-size: 32px;
 }
 
+.message-icon-bin > .fallback-window-icon {
+  width: 1.09em;
+  height: 1.09em;
+}
+
 .message-secondary-bin:ltr {
   padding-left: 8px;
 }
@@ -1588,6 +1594,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(0, 0, 0, 0.48);
 }
 
+.message-secondary-bin > .event-time {
+  color: rgba(0, 0, 0, 0.32);
+  font-size: 0.7em;
+  /* HACK: the label should be baseline-aligned with a 1em label,
+                     fake this with some bottom padding */
+  padding-bottom: 0.13em;
+}
+
 .message-secondary-bin > StIcon {
   icon-size: 16px;
 }
@@ -1877,13 +1891,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   margin: 0;
   font-weight: bold;
   color: rgba(255, 255, 255, 0.75);
-  background-color: rgba(0, 0, 0, 0.35);
+  background-color: rgba(255, 255, 255, 0.1);
   border: 1px solid rgba(0, 0, 0, 0.8);
 }
 
 #overview .app-view-control:hover {
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.15);
   box-shadow: none;
 }
 
@@ -1959,16 +1973,25 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 0 8px;
   border-radius: 20px;
   color: #FAFAFA;
-  background-color: rgba(0, 0, 0, 0.35);
+  background-color: rgba(255, 255, 255, 0.1);
   box-shadow: none;
   border: 1px solid rgba(0, 0, 0, 0.8);
   text-shadow: none;
 }
 
+.search-entry:hover {
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.search-entry:hover .search-entry-icon {
+  color: #FFFFFF;
+}
+
 .search-entry:focus {
   padding: 0 8px;
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
   box-shadow: none;
   border: 1px solid #F0544C;
 }
@@ -1979,15 +2002,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: #FAFAFA;
 }
 
-.search-entry:hover {
-  box-shadow: none;
-  background-color: rgba(0, 0, 0, 0.25);
-}
-
-.search-entry:hover .search-entry-icon {
-  color: #FFFFFF;
-}
-
 #searchResultsBin {
   max-width: 1000px;
 }
@@ -2047,7 +2061,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 #dash {
   font-size: 1em;
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
   padding: 3px 0;
   border: none;
   border-left: 0px;
@@ -2131,9 +2145,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .app-well-app-running-dot {
-  width: 32px;
+  width: 24px;
   height: 2px;
-  background-color: #FFFFFF;
+  background-color: #F0544C;
   margin-bottom: 0;
 }
 
@@ -2151,7 +2165,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .app-well-app.app-folder > .overview-icon {
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .show-apps .show-apps-icon {
@@ -2168,7 +2182,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .app-folder-popup {
   -arrow-border-radius: 2px;
-  -arrow-background-color: rgba(0, 0, 0, 0.25);
+  -arrow-background-color: rgba(255, 255, 255, 0.1);
   -arrow-base: 24px;
   -arrow-rise: 12px;
 }
@@ -2264,7 +2278,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .workspace-thumbnails {
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
   border: none;
 }
 
@@ -3238,7 +3252,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer:overview #dash {
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 #dashtodockContainer.extended:overview #dash {

diff --git a/src/gnome-shell/gnome-shell-azul.css b/src/gnome-shell/gnome-shell-azul.css
@@ -1553,6 +1553,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .message {
   min-height: 56px;
   background-color: transparent;
+  border: none;
   border-radius: 2px;
 }
 
@@ -1576,6 +1577,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   icon-size: 32px;
 }
 
+.message-icon-bin > .fallback-window-icon {
+  width: 1.09em;
+  height: 1.09em;
+}
+
 .message-secondary-bin:ltr {
   padding-left: 8px;
 }
@@ -1588,6 +1594,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(0, 0, 0, 0.48);
 }
 
+.message-secondary-bin > .event-time {
+  color: rgba(0, 0, 0, 0.32);
+  font-size: 0.7em;
+  /* HACK: the label should be baseline-aligned with a 1em label,
+                     fake this with some bottom padding */
+  padding-bottom: 0.13em;
+}
+
 .message-secondary-bin > StIcon {
   icon-size: 16px;
 }
@@ -1877,13 +1891,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   margin: 0;
   font-weight: bold;
   color: rgba(255, 255, 255, 0.75);
-  background-color: rgba(0, 0, 0, 0.35);
+  background-color: rgba(255, 255, 255, 0.1);
   border: 1px solid rgba(0, 0, 0, 0.8);
 }
 
 #overview .app-view-control:hover {
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.15);
   box-shadow: none;
 }
 
@@ -1959,16 +1973,25 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 0 8px;
   border-radius: 20px;
   color: #FAFAFA;
-  background-color: rgba(0, 0, 0, 0.35);
+  background-color: rgba(255, 255, 255, 0.1);
   box-shadow: none;
   border: 1px solid rgba(0, 0, 0, 0.8);
   text-shadow: none;
 }
 
+.search-entry:hover {
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.search-entry:hover .search-entry-icon {
+  color: #FFFFFF;
+}
+
 .search-entry:focus {
   padding: 0 8px;
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
   box-shadow: none;
   border: 1px solid #3498db;
 }
@@ -1979,15 +2002,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: #FAFAFA;
 }
 
-.search-entry:hover {
-  box-shadow: none;
-  background-color: rgba(0, 0, 0, 0.25);
-}
-
-.search-entry:hover .search-entry-icon {
-  color: #FFFFFF;
-}
-
 #searchResultsBin {
   max-width: 1000px;
 }
@@ -2047,7 +2061,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 #dash {
   font-size: 1em;
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
   padding: 3px 0;
   border: none;
   border-left: 0px;
@@ -2131,9 +2145,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .app-well-app-running-dot {
-  width: 32px;
+  width: 24px;
   height: 2px;
-  background-color: #FFFFFF;
+  background-color: #3498db;
   margin-bottom: 0;
 }
 
@@ -2151,7 +2165,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .app-well-app.app-folder > .overview-icon {
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .show-apps .show-apps-icon {
@@ -2168,7 +2182,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .app-folder-popup {
   -arrow-border-radius: 2px;
-  -arrow-background-color: rgba(0, 0, 0, 0.25);
+  -arrow-background-color: rgba(255, 255, 255, 0.1);
   -arrow-base: 24px;
   -arrow-rise: 12px;
 }
@@ -2264,7 +2278,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .workspace-thumbnails {
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
   border: none;
 }
 
@@ -3238,7 +3252,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer:overview #dash {
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 #dashtodockContainer.extended:overview #dash {