Updating 46/vertical-workspaces to version 46.2+20240828 [5b87af5].

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>

1 files changed, 119 insertions, 84 deletions

diff --git a/extensions/46/vertical-workspaces/stylesheet.css b/extensions/46/vertical-workspaces/stylesheet.css
index ef3b0ce..9aa1a99 100644
--- a/extensions/46/vertical-workspaces/stylesheet.css
+++ b/extensions/46/vertical-workspaces/stylesheet.css
@@ -15,8 +15,8 @@
 	 to cover the spacing between dash and the edge of the screen
 	 so the icons will be selectable even at the edge
 	 this spacing must be accounted for in overview allocate() */
-	padding-right: 16px;
-	padding-left: 16px;
+	padding-right: 24px;
+	padding-left: 24px;
 	/*spacing between icons*/
 	padding-top: 1px;
 	padding-bottom: 1px;
@@ -35,12 +35,11 @@
 	padding: 5px 0;
 }
 
-#dash.vertical .app-well-app-running-dot,
-#dash.vertical .app-grid-running-dot {
+#dash.vertical .app-well-app-running-dot {
 	margin: 4px 0px;
 }
 
-#dash.vertical .app-well-app-running-dot-custom {
+#dash.vertical .app-grid-running-dot-custom {
 	margin: 4px 0px;
 	width: 2px;
 	height: 16px;
@@ -65,14 +64,14 @@
 }
 
 #dash.vertical-gs3-left {
-	margin-right: 6px;
+	margin-right: 12px;
 	margin-left: 0px;
 	padding: 0px;
 }
 
 #dash.vertical-gs3-right {
 	margin-right: 0px;
-	margin-left: 6px;
+	margin-left: 12px;
 	padding: 0px;
 }
 
@@ -94,11 +93,14 @@
 	border-color: rgba(150, 150, 150, 0.4);
 }
 
-.app-well-app-running-dot-custom {
+.app-grid-running-dot-custom {
 	width: 16px;
 	height: 2px;
 }
 
+.dash-label {
+	border-radius: 14px;
+}
 
 /* add shadow to the app grid app label to be readable if it overlaps light icon below */
 .overview-icon-with-label, .folder-name-label {
@@ -139,14 +141,32 @@
 
 /* app grid page indicators */
 .page-indicator-icon {
-	margin: 10px 10px 10px 10px;
+	margin: 0px;
 }
 
 .page-indicator {
 	padding: 0px;
 }
 
+.page-indicators {
+	spacing: 20px;
+	margin: 0;
+}
+
+.page-indicators-horizontal {
+	margin-top: 0px;
+	margin-bottom: 10px;
+}
+
+.page-indicators-vertical {
+	margin-left: 0px;
+	margin-right: 10px;
+}
+
 .search-entry{
+	margin: 0;
+	margin-top: 12px;
+	margin-bottom: 6px;
 	background-color: rgba(200, 200, 200, 0.1);
 	color: white;
 	border-color: rgba(160, 160, 160, 0.4);
@@ -158,7 +178,7 @@
 
 .search-entry:hover,
 .search-entry:focus {
-	background-color: rgba(200, 200, 200, 0.2);
+	background-color: rgba(200, 200, 200, 0.1);
 }
 
 .search-entry-om2 {
@@ -177,26 +197,26 @@
 	border-radius: 26px;
 	border: 1px, rgb(60, 60, 60);
 	padding-top: 15px;
-}
-
-.search-section-content-bg-om2 {
 	background-color: rgb(40, 40, 40);
 }
 
-.search-section-content {
-	background-color: rgba(200, 200, 200, 0.1);
-}
-
 /* Reduce edge fading of search results scroll view */
 .vfade { -st-vfade-offset: 34px; }
 .hfade { -st-hfade-offset: 34px; }
+
+StButton#vhandle,
 .search-section-content {
-	background-color: rgba(200, 200, 200, 0.1);
+	background-color: rgba(200, 200, 200, 0.08);
+	border: solid 1px rgba(150, 150, 150, 0.3);
+}
+
+.search-section {
+	spacing: 12px;
 }
 
 /* "no results" / "searching..." text*/
 .search-statustext, .search-statustext-om2 {
-	background-color: rgba(200, 200, 200, 0.1);
+	background-color: rgba(200, 200, 200, 0.08);
 	color: white;
 	margin-top: 50px;
 	padding: 30px;
@@ -215,12 +235,9 @@
 
 /* reduce spacing between app icons in search results */
 .grid-search-results {
-	spacing: 4px;
-}
-
-/* hide vertical scroll bar, it's distracting in the search results */
-StButton#vhandle {
-	background-color: transparent;
+	spacing: 8px;
+	margin-left: 12px;
+	margin-right: 12px;
 }
 
 .show-apps-icon-horizontal-hide {
@@ -257,6 +274,20 @@ StButton#vhandle {
     height: 18px;
 }
 
+.prev-page-indicator {
+	background-gradient-start: transparent;
+	background-gradient-end: rgba(255, 255, 255, 0.05);
+	background-gradient-direction: vertical;
+	border-radius: 0px 0px 30px 30px;
+}
+.next-page-indicator {
+	background-gradient-start: rgba(255, 255, 255, 0.05);
+	background-gradient-end: transparent;
+	background-gradient-direction: vertical;
+	border-radius: 30px 30px 0px 0px;
+
+}
+
 /* reduce size of hot corner ripples to half */
 .ripple-box {
 	width: 26px;
@@ -268,84 +299,80 @@ StButton#vhandle {
 	margin-bottom: 8em; /* avoid overlap with dock extension */
 }
 
-.app-folder-46,
-.app-folder-46 .overview-tile,
-.app-folder-46 .overview-icon,
-.app-folder-45 .overview-icon,
-.edit-folder-button,
-.folder-name-entry {
-	background-color: rgba(200, 200, 200, 0.08);
-}
-
-.app-folder-dialog-vshell {
-	background-color: rgba(200, 200, 200, 0.08);
+.app-folder-dialog-container {
+	padding: 18px;
 }
 
 .app-folder-dialog {
 	border-color: rgba(160, 160, 160, 0.3);
 }
 
-.edit-folder-button:hover, 
-.app-folder-46:hover,
-.app-folder-45:hover .overview-icon,
-.app-folder-45:focus .overview-icon {
-	background-color: rgba(200, 200, 200, 0.15);
-}
-
-/* add missing spacing between buttons */
-.edit-folder-button-46 {
-	margin-right: 6px;
+.folder-name-container {
+	spacing: 12px;
 }
 
 /* 46 changes the default bg color from transparent to the solid color blending with widget background */
- .search-provider-icon,
- .list-search-result,
- .overview-tile {
+#dash.dash-46 .show-apps,
+#dash.dash-46 .overview-tile,
+#dash.dash-46 .overview-icon,
+.app-folder-45 .overview-icon, /* 45 only */
+.app-folder-46 .overview-icon,
+.page-navigation-arrow,
+.search-provider-icon,
+.list-search-result,
+.grid-search-result,
+.overview-tile {
 	 background-color: transparent;
  }
  
  /* Needed only for 46+, but doesn't hurt 45 */
- .search-provider-icon:hover,
- .search-provider-icon:focus,
- .search-provider-icon:selected,
- .list-search-result:hover,
- .list-search-result:focus,
- .list-search-result:selected,
- .overview-tile:hover,
- .overview-tile:focus,
- .overview-tile:selected,
- .overview-icon:hover,
- .overview-icon:focus,
- .overview-icon:selected {
-	 background-color: rgba(200, 200, 200, 0.15);
+#dash.dash-46 .overview-tile:hover .overview-icon,
+#dash.dash-46 .overview-tile:focus .overview-icon,
+#dash.dash-46 .overview-tile:selected .overview-icon,
+#dash.dash-46 .show-apps:hover .overview-icon,
+#dash.dash-46 .show-apps:focus .overview-icon,
+#dash.dash-46 .show-apps:selected .overview-icon,
+.edit-folder-button:hover,
+.page-navigation-arrow:hover,
+.search-provider-icon:hover,
+.search-provider-icon:focus,
+.search-provider-icon:selected,
+.list-search-result:hover,
+.list-search-result:focus,
+.list-search-result:selected,
+.app-display-46 .overview-tile:hover,
+.app-display-46 .overview-tile:focus,
+.app-display-46 .overview-tile:selected,
+.app-folder-46:hover,
+.app-folder-45:hover .overview-icon,
+.app-folder-45:focus .overview-icon,
+#searchResults .overview-tile:hover,
+#searchResults .overview-tile:focus,
+#searchResults .overview-tile:selected,
+.grid-search-result-46:hover,
+.grid-search-result-46:focus,
+.grid-search-result-46:selected,
+.app-folder-dialog .overview-tile:hover,
+.app-folder-dialog .overview-tile:focus,
+.app-folder-dialog .overview-tile:selected,
+.overview-icon:hover,
+.overview-icon:focus,
+.overview-icon:selected {
+	background-color: rgba(200, 200, 200, 0.15);
  }
 
+.overview-tile:drop, /* 46 needs to add color so the highlighting style is visible on the app folder preview */
+.app-folder-dialog,
+.edit-folder-button,
+.folder-name-entry,
 .app-folder-46,
 .app-folder-46 .overview-tile,
-.app-folder-45 .overview-icon, /* 45 only */
+.app-folder-45 .overview-icon,
 .edit-folder-button,
 .folder-name-entry {
 	background-color: rgba(200, 200, 200, 0.08);
 }
 
-.app-folder-46 .overview-icon,
- #dash.dash-46 .overview-icon {
-	 background-color: transparent;
- }
- 
- #dash.dash-46 .overview-tile,
- #dash.dash-46 .show-apps {
-	 background-color: transparent;
- }
- 
- #dash.dash-46 .overview-tile:hover .overview-icon,
- #dash.dash-46 .overview-tile:focus .overview-icon,
- #dash.dash-46 .overview-tile:selected .overview-icon,
- #dash.dash-46 .show-apps:hover .overview-icon,
- #dash.dash-46 .show-apps:focus .overview-icon,
- #dash.dash-46 .show-apps:selected .overview-icon {
-	 background-color: rgba(200, 200, 200, 0.15);
- }
 
 #dash.vertical-46 {
 	margin: 0px;
@@ -354,10 +381,12 @@ StButton#vhandle {
 
 #dash.vertical-46-gs3-left {
 	margin-left: 0px;
+	margin-right: 12px;
 }
 
 #dash.vertical-46-gs3-right {
 	margin-right: 0px;
+	margin-left: 12px;
 }
 
 #dash.vertical-46 .overview-tile,
@@ -365,7 +394,7 @@ StButton#vhandle {
 	margin: 0px;
 	background-color: transparent;
 	/* this padding should keep the dash 6px from the screen edge */
-	padding: 0, 18px;
+	padding: 0, 24px;
 }
 
 #dash.vertical-46 .dash-separator {
@@ -376,10 +405,16 @@ StButton#vhandle {
 	margin-bottom: 4px;
 }
 
-#dash.vertical-46 .app-well-app-running-dot-custom {
+#dash.vertical-46 .app-grid-running-dot {
+	margin: 0px;
+	offset-y: 0;
+}
+
+#dash.vertical-46 .app-grid-running-dot-custom {
 	margin: 0px;
 	width: 2px;
 	height: 16px;
+	offset-y: 0;
 }
 
 #dash.vertical-46 .dash-background {
@@ -411,4 +446,4 @@ StButton#vhandle {
 /* reverse padding */
 .ws-switcher-vertical {
 	padding: 18px 12px
-}
\ No newline at end of file
+}