Fixed gnome-shell issue

vinceliuice · Jan 12, 2021 · d8c4e21 · d8c4e21
1 parent edacc22
commit d8c4e21
Show file tree

Hide file tree

Showing 7 changed files with 101 additions and 21 deletions.
diff --git a/src/gnome-shell/gnome-shell-aliz.css b/src/gnome-shell/gnome-shell-aliz.css
@@ -1502,6 +1502,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-today-button {
   min-height: 48px;
+  box-shadow: none;
+  background: none;
+  text-shadow: none;
+  border: none;
 }
 
 .datemenu-today-button .day-label {
@@ -1515,6 +1519,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   font-weight: 400;
 }
 
+.datemenu-today-button:hover, .datemenu-today-button:focus {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.datemenu-today-button:active {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: rgba(0, 0, 0, 0.24);
+}
+
 .calendar-month-label {
   height: 20px;
   margin: 2px;
@@ -1787,7 +1801,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   font-feature-settings: "tnum";
 }
 
-/* Message list */
 .message-list {
   width: 31.5em;
   padding: 0 8px;
@@ -1814,7 +1827,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-color: transparent;
 }
 
-/* FIXME: how do you do this in sass? */
 .message-list-section-close:hover > StIcon,
 .message-list-section-close:focus > StIcon {
   color: rgba(0, 0, 0, 0.8);
@@ -1841,7 +1853,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(0, 0, 0, 0.6);
   box-shadow: none;
   text-shadow: none;
-  /* FIXME: how do you do this in sass? */
 }
 
 .message:hover, .message:focus {

diff --git a/src/gnome-shell/gnome-shell-azul.css b/src/gnome-shell/gnome-shell-azul.css
@@ -1502,6 +1502,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-today-button {
   min-height: 48px;
+  box-shadow: none;
+  background: none;
+  text-shadow: none;
+  border: none;
 }
 
 .datemenu-today-button .day-label {
@@ -1515,6 +1519,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   font-weight: 400;
 }
 
+.datemenu-today-button:hover, .datemenu-today-button:focus {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.datemenu-today-button:active {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: rgba(0, 0, 0, 0.24);
+}
+
 .calendar-month-label {
   height: 20px;
   margin: 2px;
@@ -1787,7 +1801,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   font-feature-settings: "tnum";
 }
 
-/* Message list */
 .message-list {
   width: 31.5em;
   padding: 0 8px;
@@ -1814,7 +1827,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-color: transparent;
 }
 
-/* FIXME: how do you do this in sass? */
 .message-list-section-close:hover > StIcon,
 .message-list-section-close:focus > StIcon {
   color: rgba(0, 0, 0, 0.8);
@@ -1841,7 +1853,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(0, 0, 0, 0.6);
   box-shadow: none;
   text-shadow: none;
-  /* FIXME: how do you do this in sass? */
 }
 
 .message:hover, .message:focus {

diff --git a/src/gnome-shell/gnome-shell-dark-aliz.css b/src/gnome-shell/gnome-shell-dark-aliz.css
@@ -1498,6 +1498,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-today-button {
   min-height: 48px;
+  box-shadow: none;
+  background: none;
+  text-shadow: none;
+  border: none;
 }
 
 .datemenu-today-button .day-label {
@@ -1511,6 +1515,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   font-weight: 400;
 }
 
+.datemenu-today-button:hover, .datemenu-today-button:focus {
+  color: rgba(255, 255, 255, 0.85);
+  background-color: rgba(255, 255, 255, 0.051);
+}
+
+.datemenu-today-button:active {
+  color: rgba(255, 255, 255, 0.85);
+  background-color: rgba(255, 255, 255, 0.102);
+}
+
 .calendar-month-label {
   height: 20px;
   margin: 2px;
@@ -1783,7 +1797,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   font-feature-settings: "tnum";
 }
 
-/* Message list */
 .message-list {
   width: 31.5em;
   padding: 0 8px;
@@ -1810,7 +1823,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-color: transparent;
 }
 
-/* FIXME: how do you do this in sass? */
 .message-list-section-close:hover > StIcon,
 .message-list-section-close:focus > StIcon {
   color: rgba(255, 255, 255, 0.85);
@@ -1837,7 +1849,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(255, 255, 255, 0.6375);
   box-shadow: none;
   text-shadow: none;
-  /* FIXME: how do you do this in sass? */
 }
 
 .message:hover, .message:focus {

diff --git a/src/gnome-shell/gnome-shell-dark-azul.css b/src/gnome-shell/gnome-shell-dark-azul.css
@@ -1498,6 +1498,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-today-button {
   min-height: 48px;
+  box-shadow: none;
+  background: none;
+  text-shadow: none;
+  border: none;
 }
 
 .datemenu-today-button .day-label {
@@ -1511,6 +1515,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   font-weight: 400;
 }
 
+.datemenu-today-button:hover, .datemenu-today-button:focus {
+  color: rgba(255, 255, 255, 0.85);
+  background-color: rgba(255, 255, 255, 0.051);
+}
+
+.datemenu-today-button:active {
+  color: rgba(255, 255, 255, 0.85);
+  background-color: rgba(255, 255, 255, 0.102);
+}
+
 .calendar-month-label {
   height: 20px;
   margin: 2px;
@@ -1783,7 +1797,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   font-feature-settings: "tnum";
 }
 
-/* Message list */
 .message-list {
   width: 31.5em;
   padding: 0 8px;
@@ -1810,7 +1823,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-color: transparent;
 }
 
-/* FIXME: how do you do this in sass? */
 .message-list-section-close:hover > StIcon,
 .message-list-section-close:focus > StIcon {
   color: rgba(255, 255, 255, 0.85);
@@ -1837,7 +1849,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(255, 255, 255, 0.6375);
   box-shadow: none;
   text-shadow: none;
-  /* FIXME: how do you do this in sass? */
 }
 
 .message:hover, .message:focus {

diff --git a/src/gnome-shell/gnome-shell-dark-sea.css b/src/gnome-shell/gnome-shell-dark-sea.css
@@ -1498,6 +1498,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-today-button {
   min-height: 48px;
+  box-shadow: none;
+  background: none;
+  text-shadow: none;
+  border: none;
 }
 
 .datemenu-today-button .day-label {
@@ -1511,6 +1515,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   font-weight: 400;
 }
 
+.datemenu-today-button:hover, .datemenu-today-button:focus {
+  color: rgba(255, 255, 255, 0.85);
+  background-color: rgba(255, 255, 255, 0.051);
+}
+
+.datemenu-today-button:active {
+  color: rgba(255, 255, 255, 0.85);
+  background-color: rgba(255, 255, 255, 0.102);
+}
+
 .calendar-month-label {
   height: 20px;
   margin: 2px;
@@ -1783,7 +1797,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   font-feature-settings: "tnum";
 }
 
-/* Message list */
 .message-list {
   width: 31.5em;
   padding: 0 8px;
@@ -1810,7 +1823,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-color: transparent;
 }
 
-/* FIXME: how do you do this in sass? */
 .message-list-section-close:hover > StIcon,
 .message-list-section-close:focus > StIcon {
   color: rgba(255, 255, 255, 0.85);
@@ -1837,7 +1849,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(255, 255, 255, 0.6375);
   box-shadow: none;
   text-shadow: none;
-  /* FIXME: how do you do this in sass? */
 }
 
 .message:hover, .message:focus {

diff --git a/src/gnome-shell/gnome-shell-sea.css b/src/gnome-shell/gnome-shell-sea.css
@@ -1502,6 +1502,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-today-button {
   min-height: 48px;
+  box-shadow: none;
+  background: none;
+  text-shadow: none;
+  border: none;
 }
 
 .datemenu-today-button .day-label {
@@ -1515,6 +1519,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   font-weight: 400;
 }
 
+.datemenu-today-button:hover, .datemenu-today-button:focus {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.datemenu-today-button:active {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: rgba(0, 0, 0, 0.24);
+}
+
 .calendar-month-label {
   height: 20px;
   margin: 2px;
@@ -1787,7 +1801,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   font-feature-settings: "tnum";
 }
 
-/* Message list */
 .message-list {
   width: 31.5em;
   padding: 0 8px;
@@ -1814,7 +1827,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-color: transparent;
 }
 
-/* FIXME: how do you do this in sass? */
 .message-list-section-close:hover > StIcon,
 .message-list-section-close:focus > StIcon {
   color: rgba(0, 0, 0, 0.8);
@@ -1841,7 +1853,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(0, 0, 0, 0.6);
   box-shadow: none;
   text-shadow: none;
-  /* FIXME: how do you do this in sass? */
 }
 
 .message:hover, .message:focus {

diff --git a/src/gnome-shell/sass/_common.scss b/src/gnome-shell/sass/_common.scss
@@ -1316,6 +1316,10 @@ StScrollBar {
 
 .datemenu-today-button {
   min-height: $menuitem_size * 2 - 4px * 2;
+  box-shadow: none;
+  background: none;
+  text-shadow: none;
+  border: none;
 
   // weekday label
   .day-label {
@@ -1327,6 +1331,16 @@ StScrollBar {
   .date-label {
     @include font(headline);
   }
+
+  &:hover, &:focus {
+    color: $fg_color;
+    background-color: $semi_track_color;
+  }
+
+  &:active {
+    color: $fg_color;
+    background-color: $track_color;
+  }
 }
 
 .calendar-month-label {
@@ -1578,7 +1592,7 @@ StScrollBar {
   }
 }
 
-/* Message list */
+// Message list
 .message-list {
   width: 31.5em;
   padding: 0 8px;
@@ -1603,7 +1617,7 @@ StScrollBar {
   background-color: transparent;
 }
 
-/* FIXME: how do you do this in sass? */
+// FIXME: how do you do this in sass?
 .message-list-section-close:hover > StIcon,
 .message-list-section-close:focus > StIcon {
   color: $fg_color;
@@ -1714,7 +1728,7 @@ StScrollBar {
     color: $secondary_fg_color;
   }
 
-  /* FIXME: how do you do this in sass? */
+  // FIXME: how do you do this in sass?
   .message-content *:hover > StIcon,
   .message-content *:focus > StIcon {
     color: $fg_color;