Upgrade to Cinnamon 4.x, various fixes, grouped-list support

cinnamon/cinnamon.css

@@ -229,8 +229,7 @@ StScrollBar StButton#vhandle:hover {
 .popup-menu-item:insensitive {
   color: #9f9f9f;
 }
-.popup-image-menu-item {
-}
+.popup-image-menu-item {}
 .popup-combobox-item {
   spacing: 1em;
 }
@@ -309,8 +308,7 @@ StScrollBar StButton#vhandle:hover {
   spacing: 4px;
 }
 
-#panelRight {
-}
+#panelRight {}
 
 /* show desktop applet, disable hover */
 #panelRight .applet-box:last-child:hover {
@@ -370,11 +368,9 @@ StScrollBar StButton#vhandle:hover {
   spacing: 0px;
 }
 
-.panel-top {
-}
+.panel-top {}
 
-.panel-bottom {
-}
+.panel-bottom {}
 
 .panel-status-button,
 .panel-button {
@@ -447,8 +443,7 @@ StScrollBar StButton#vhandle:hover {
   icon-shadow: black 0px 2px 2px;
 }
 
-.panel-menu {
-}
+.panel-menu {}
 
 .popup-menu-item-dot {
 
@@ -578,8 +573,6 @@ StScrollBar StButton#vhandle:hover {
 
 .expo-background {
   background-color: rgba(0,0,0,0.2);
-    background-image: url('expo.png');
-    background-position: center center;
 }
 
 .workspace-overview-background-shade {
@@ -644,8 +637,7 @@ color: #eee;
 }
 
 
-.clock-desklet-label {
-}
+.clock-desklet-label {}
 
 .photoframe-box {
   padding: 6px;
@@ -667,8 +659,7 @@ border-radius: 0px;
 /* ===================================================================
 * Clock Desklet (desklet.js)
 * ===================================================================*/
-.clock-desklet-label {
-} 
+.clock-desklet-label {}
 
 
 /* ===================================================================
@@ -847,8 +838,7 @@ border-radius: 0px;
   color: black;
 }
 
-.calendar-day-base:active {
-}
+.calendar-day-base:active {}
 
 .calendar-day-heading {
   color: black;
@@ -865,12 +855,9 @@ border-radius: 0px;
   border-top-width: 0;
   border-left-width: 0;
 }
-.calendar-day-top {
-}
-.calendar-day-left {
-}
-.calendar-work-day {
-}
+.calendar-day-top {}
+.calendar-day-left {}
+.calendar-work-day {}
 
 .calendar-nonwork-day {
   background-color: rgba(255, 255, 255, 0.2);
@@ -1177,8 +1164,7 @@ border-radius: 0px;
   padding: 4px 32px 5px;
 }
 
-.modal-dialog-button:hover {
-}
+.modal-dialog-button:hover {}
 
 .modal-dialog-button:active,
 .modal-dialog-button:checked {
@@ -1766,8 +1752,7 @@ border-radius: 1px;
 }
 
 /* Context menu (at the moment only for favorites) */
-.menu-context-menu {
-}
+.menu-context-menu {}
 
 /* ===================================================================
 * Window list (windowList.js)
@@ -1799,12 +1784,8 @@ border-radius: 1px;
   border-image: url("panel-assets/item-normal.png") 4;
 }
 
-/* hover 
-- for some reason Cinnamon now considers this as a panel launcher, thus,
-  use the '.panel-launcher:hover' class to change border image */
 .window-list-item-box:hover  {
-/*    border-image: url("panel-assets/item-hover.png") 4; */
-    border-image:url("panel-assets/tray-hover.png") 4;
+  border-image:url("panel-assets/item-hover.png") 4;
 }
 
 /* active window */
@@ -1831,6 +1812,88 @@ border-radius: 1px;
   border-image: url("panel-assets/item-attention-hover.png") 4;
 }
 
+/* experimental support for grouped window list */
+.grouped-window-list-item-box {
+  color: #ffffff;
+  font-weight: normal;
+  border-image: none;
+  transition-duration: 100;
+}
+
+.grouped-window-list-item-box:hover {
+  border-image: url("panel-assets/tray-hover.png") 4;
+}
+
+.grouped-window-list-item-box:active,
+.grouped-window-list-item-box:checked {
+  border-image: url("panel-assets/item-normal.png") 4;
+}
+
+.grouped-window-list-item-box:active:hover,
+.grouped-window-list-item-box:checked:hover {
+  border-image: url("panel-assets/item-hover.png") 4;
+}
+
+.grouped-window-list-item-box:focus {
+  border-image: url("panel-assets/item-active.png") 4;
+}
+
+.grouped-window-list-item-box:focus:hover {
+  border-image: url("panel-assets/item-active-hover.png") 4;
+}
+
+.grouped-window-list-item-demands-attention {
+  font-weight: normal;
+  border-image: url("panel-assets/item-attention.png") 4;
+}
+
+.grouped-window-list-item-attention:hover {
+  border-image: url("panel-assets/item-attention-hover.png") 4;
+}
+
+.window-list-item-box .progress,
+.grouped-window-list-item-box .progress {
+  background-color: #4b7843;
+}
+
+.window-list-preview {
+  spacing: 6px;
+  color: #000000;
+  border: none;
+  border-image: url('menu-assets/background.png') 8;
+  border-radius: 0;
+  padding: 6px 12px 12px 12px;
+  font-size: 1em;
+}
+
+.grouped-window-list-thumbnail-menu {
+  spacing: 6px;
+  border-radius: 0;
+  padding: 6px 12px 12px 12px;
+}
+
+.grouped-window-list-thumbnail-menu > StBoxLayout {
+  padding: 4px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box {
+  padding: 10px;
+  border-radius: 0;
+  spacing: 4px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box:outlined {
+  padding: 8px;
+  border: 1px solid #3b8bff;
+}
+
+.grouped-window-list-thumbnail-menu .item-box:selected {
+  color: #000000;
+  background-color: #3b8bff;
+  border-image: url('menu-assets/hover.png') 5;
+  border: none;
+}
+
 /* ===================================================================
 * Sound Applet (status/volume.js)
 * ===================================================================*/
@@ -2346,18 +2409,13 @@ The colour parameters are red, green, blue, and transparency or a name */
   border-radius: 6px 6px 0px 0px;
   padding-bottom: 0px;
 }
-.starkmenu-selected-app-box {
-}
+.starkmenu-selected-app-box {}
 .starkmenu-favorites-box {
 }
-.starkmenu-applications-box {
-}
-.starkmenu-applications-inner-box {
-}
-.starkmenu-applications-box StScrollView {
-}
-.starkmenu-search-box {
-}
+.starkmenu-applications-box {}
+.starkmenu-applications-inner-box {}
+.starkmenu-applications-box StScrollView {}
+.starkmenu-search-box {}
 .hover-user-icon {
   border-radius: 4px;
   border: 7px solid transparent;