1 files changed, 150 insertions, 44 deletions

diff --git a/extensions/45/vertical-workspaces/stylesheet.css b/extensions/45/vertical-workspaces/stylesheet.css
index dca1d29..ef3b0ce 100644
--- a/extensions/45/vertical-workspaces/stylesheet.css
+++ b/extensions/45/vertical-workspaces/stylesheet.css
@@ -11,8 +11,8 @@
 
 #dash.vertical .app-well-app,
 #dash.vertical .show-apps {
-	/* left/right padding exceeds dash bg by 6px to
-	 cover spacing between dash and the edge of the screen
+	/* left/right padding exceeds dash bg by 6px
+	 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;
@@ -29,14 +29,14 @@
 	margin-left: 2px;
 	margin-top: 4px;
 	margin-bottom: 4px;
-	background-color: transparentize(#eeeeec, 0.7);
 }
 
 #dash.vertical .overview-icon {
 	padding: 5px 0;
 }
 
-#dash.vertical .app-well-app-running-dot {
+#dash.vertical .app-well-app-running-dot,
+#dash.vertical .app-grid-running-dot {
 	margin: 4px 0px;
 }
 
@@ -81,9 +81,10 @@
 #dash.vertical-gs3-right .app-well-app,
 #dash.vertical-gs3-right .show-apps {
 	/* left/right padding exceeds dash bg by 6px to
-	 cover spacing between dash and the edge of the screen
+	 cover spacing between dash icons 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: 0;
 	padding-right: 9px;
 	padding-left: 9px;
 }
@@ -93,16 +94,7 @@
 	border-color: rgba(150, 150, 150, 0.4);
 }
 
-.dash-background-reduced {
-	padding: 10px;
-}
-
-.app-well-app-running-dot {
-	margin-bottom: 12px;
-}
-
 .app-well-app-running-dot-custom {
-	margin-bottom: 12px;
 	width: 16px;
 	height: 2px;
 }
@@ -113,7 +105,7 @@
     text-shadow: 1px 1px 3px rgba(33, 33, 33, 0.5);
 }
 
-/* adjustment for the vertical ws switcher indicator popup*/
+/* adjustment for the vertical ws switcher indicator popup */
 .ws-switcher-indicator {
 	padding: 3px;
 	margin: 5px;
@@ -142,10 +134,10 @@
 
 .ws-tmb-transparent {
 	border: 0px;
-	background-color: rgba(200, 200, 200, 0.2);
+	background-color: rgba(200, 200, 200, 0.16);
 }
 
-/* app grid page indicatos */
+/* app grid page indicators */
 .page-indicator-icon {
 	margin: 10px 10px 10px 10px;
 }
@@ -154,33 +146,20 @@
 	padding: 0px;
 }
 
-/* GS 43 App Grid - indicators that show up when dragging icon */
-.prevPageIndicator {
-	background: rgba(255, 255, 255, 0.1);
-	background-gradient-start: rgba(255, 255, 255, 0.1);
-	background-gradient-end: transparent;
-	background-gradient-direction: vertical;
-	border-radius: 100px 100px 0px 0px;
-}
-.nextPageIndicator {
-	background: rgba(255, 255, 255, 0.1);
-	background-gradient-start: transparent;
-	background-gradient-end: rgba(255, 255, 255, 0.1);
-	background-gradient-direction: vertical;
-	border-radius: 0px 0px 100px 100px;
-
-}
-/*
 .search-entry{
 	background-color: rgba(200, 200, 200, 0.1);
 	color: white;
 	border-color: rgba(160, 160, 160, 0.4);
 }
 
+.search-entry StLabel.hint-text {
+	color: rgba(200, 200, 200, 0.5);
+}
+
 .search-entry:hover,
 .search-entry:focus {
 	background-color: rgba(200, 200, 200, 0.2);
-}*/
+}
 
 .search-entry-om2 {
 	color: white;
@@ -208,6 +187,13 @@
 	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; }
+.search-section-content {
+	background-color: rgba(200, 200, 200, 0.1);
+}
+
 /* "no results" / "searching..." text*/
 .search-statustext, .search-statustext-om2 {
 	background-color: rgba(200, 200, 200, 0.1);
@@ -279,9 +265,13 @@ StButton#vhandle {
 
 .osd-window {
 	margin: 4em;
+	margin-bottom: 8em; /* avoid overlap with dock extension */
 }
 
-.app-folder .overview-icon,
+.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);
@@ -295,14 +285,130 @@ StButton#vhandle {
 	border-color: rgba(160, 160, 160, 0.3);
 }
 
-.edit-folder-button:hover,
-.app-folder:hover .overview-icon,
-.app-folder:focus .overview-icon {
+.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);
 }
 
-/* reduce quick menu buttons height in GS44 */
-/*.quick-toggle,
-.quick-menu-toggle {
-	min-height: 42px;
-}*/
+/* add missing spacing between buttons */
+.edit-folder-button-46 {
+	margin-right: 6px;
+}
+
+/* 46 changes the default bg color from transparent to the solid color blending with widget background */
+ .search-provider-icon,
+ .list-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);
+ }
+
+.app-folder-46,
+.app-folder-46 .overview-tile,
+.app-folder-45 .overview-icon, /* 45 only */
+.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;
+	padding: 0px;
+}
+
+#dash.vertical-46-gs3-left {
+	margin-left: 0px;
+}
+
+#dash.vertical-46-gs3-right {
+	margin-right: 0px;
+}
+
+#dash.vertical-46 .overview-tile,
+#dash.vertical-46 .show-apps {
+	margin: 0px;
+	background-color: transparent;
+	/* this padding should keep the dash 6px from the screen edge */
+	padding: 0, 18px;
+}
+
+#dash.vertical-46 .dash-separator {
+	height: 1px;
+	margin-right: 2px;
+	margin-left: 2px;
+	margin-top: 4px;
+	margin-bottom: 4px;
+}
+
+#dash.vertical-46 .app-well-app-running-dot-custom {
+	margin: 0px;
+	width: 2px;
+	height: 16px;
+}
+
+#dash.vertical-46 .dash-background {
+	padding: 12px;
+	margin: 0;
+}
+
+#dash.vertical-46-gs3-left .overview-tile,
+#dash.vertical-46-gs3-left .show-apps {
+	/* this padding should extend the icon tile to the edge of the dash background */
+	padding: 0, 12px;
+}
+
+#dash.vertical-46-gs3-right .overview-tile,
+#dash.vertical-46-gs3-right .show-apps {
+	padding: 0, 12px;
+}
+
+#dash.vertical-46-gs3-left .dash-background {
+	border-radius: 0 18px 18px 0;
+	border-left: 0px;
+}
+
+#dash.vertical-46-gs3-right .dash-background {
+	border-radius: 18px 0 0 18px;
+	border-right: 0px;
+}
+
+/* reverse padding */
+.ws-switcher-vertical {
+	padding: 18px 12px
+}
\ No newline at end of file