summaryrefslogtreecommitdiffstats
path: root/extensions/44/vertical-workspaces/stylesheet.css
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-08 16:02:53 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-08 16:02:53 +0000
commit4d8b071804d73b7a733f2b7696fde40caf8800bb (patch)
tree86aefc1c0ea9c596bab0ecbc0c054a2378d6cd13 /extensions/44/vertical-workspaces/stylesheet.css
parentUpdating 44/no-overview to version 44 [68db01d]. (diff)
downloadgnome-shell-extensions-extra-4d8b071804d73b7a733f2b7696fde40caf8800bb.tar.xz
gnome-shell-extensions-extra-4d8b071804d73b7a733f2b7696fde40caf8800bb.zip
Updating 44/vertical-workspaces to version 37+20231208 [0d82192].
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'extensions/44/vertical-workspaces/stylesheet.css')
-rw-r--r--extensions/44/vertical-workspaces/stylesheet.css169
1 files changed, 126 insertions, 43 deletions
diff --git a/extensions/44/vertical-workspaces/stylesheet.css b/extensions/44/vertical-workspaces/stylesheet.css
index 178cf1d..2febbb7 100644
--- a/extensions/44/vertical-workspaces/stylesheet.css
+++ b/extensions/44/vertical-workspaces/stylesheet.css
@@ -5,15 +5,18 @@
/* General dash */
#dash.vertical {
- margin-right: 0px;
- margin-left: 0px;
- padding: 0px 0;
+ margin: 0px;
+ padding: 0px;
}
#dash.vertical .app-well-app,
#dash.vertical .show-apps {
- padding-right: 8px;
- padding-left: 8px;
+ /* left/right padding exceeds dash bg by 6px to
+ cover 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;
/*spacing between icons*/
padding-top: 1px;
padding-bottom: 1px;
@@ -35,48 +38,81 @@
#dash.vertical .app-well-app-running-dot {
margin: 4px 0px;
+}
+
+#dash.vertical .app-well-app-running-dot-custom {
+ margin: 4px 0px;
width: 2px;
height: 16px;
}
#dash.vertical .dash-background {
- margin: 0;
+ margin: 0px;
}
-#dash.vertical-left .dash-background {
+#dash.vertical-gs3-left .dash-background {
border-radius: 0 18px 18px 0;
border-left: 0px;
padding: 8px 12px 8px 4px;
+ margin-left: 0;
}
-#dash.vertical-right .dash-background {
+#dash.vertical-gs3-right .dash-background {
border-radius: 18px 0 0 18px;
border-right: 0px;
padding: 8px 4px 8px 12px;
+ margin-right: 0;
}
-/* default horizontal dash */
-.v-shell-dash-background {
- padding: 6px;
+#dash.vertical-gs3-left {
+ margin-right: 6px;
+ margin-left: 0px;
+ padding: 0px;
}
-.app-well-app {
- margin-left: 1px;
- margin-right: 1px;
+#dash.vertical-gs3-right {
+ margin-right: 0px;
+ margin-left: 6px;
+ padding: 0px;
+}
+
+#dash.vertical-gs3-left .app-well-app,
+#dash.vertical-gs3-left .show-apps,
+#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
+ so the icons will be selectable even at the edge
+ this spacing must be accounted for in overview allocate() */
+ padding-right: 9px;
+ padding-left: 9px;
+}
+
+.dash-background-light {
+ background-color: rgb(200, 200, 200);
+ border-color: rgba(150, 150, 150, 0.4);
+}
+
+.dash-background-reduced {
+ padding: 10px;
}
.app-well-app-running-dot {
- margin-bottom: 6px;
+ margin-bottom: 12px;
+}
+
+.app-well-app-running-dot-custom {
+ margin-bottom: 12px;
width: 16px;
height: 2px;
}
/* add shadow to the app grid app label to be readable if it overlaps light icon below */
-.overview-icon-with-label {
- text-shadow: 1px 1px 3px rgba(33, 33, 33, 1);
+.overview-icon-with-label, .folder-name-label {
+ 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;
@@ -87,11 +123,11 @@
margin: 3px;
}
-/*ws thumbnails captions*/
+/* ws thumbnails captions */
.ws-tmb-label {
padding: 2px;
color: rgb(255, 255, 255);
- background-color: rgba(10,10,10,0.8);
+ background-color: rgba(40,40,40,0.8);
text-align: center;
}
@@ -103,7 +139,12 @@
border: 0px;
}
-/*app grid page indicatos*/
+.ws-tmb-transparent {
+ border: 0px;
+ background-color: rgba(200, 200, 200, 0.2);
+}
+
+/* app grid page indicatos */
.page-indicator-icon {
margin: 10px 10px 10px 10px;
}
@@ -128,32 +169,47 @@
border-radius: 0px 0px 100px 100px;
}
-
-.search-entry, .search-entry-om2 {
- padding: 5px;
+/*
+.search-entry{
+ background-color: rgba(200, 200, 200, 0.1);
+ color: white;
+ border-color: rgba(160, 160, 160, 0.4);
}
+.search-entry:hover,
+.search-entry:focus {
+ background-color: rgba(200, 200, 200, 0.2);
+}*/
+
.search-entry-om2 {
- border: 5px;
+ color: white;
+ background-color: rgba(40, 40, 40, 1);
}
-.search-section-content {
- background-color: rgba(20, 20, 20, 0.8);
- color: white;
+.search-entry-om2:hover,
+.search-entry-om2:focus {
+ background-color: rgba(50, 50, 50, 1);
}
/* for static ws mode */
-.search-section-content-om2 {
- background-color: rgba(20, 20, 20, 0.95);
- color: white;
- border-radius: 20px;
- border: 1px, rgb(40, 40, 40);
- padding-top: 12px;
+/*.search-section-content-bg,*/
+.search-section-content-bg-om2 {
+ 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);
}
/* "no results" / "searching..." text*/
-.search-statustext {
- background-color: rgba(23,23,23, 0.95);
+.search-statustext, .search-statustext-om2 {
+ background-color: rgba(200, 200, 200, 0.1);
color: white;
margin-top: 50px;
padding: 30px;
@@ -161,17 +217,18 @@
text-shadow: 0px 0px 5px rgb(23, 23, 23);
}
-.transparent-panel {
- background-color: transparent;
+.search-statustext-om2 {
+ background-color: rgb(40, 40, 40);
+ border: 1px rgba(200, 200, 200, 0.1);
}
-/*reduce spacing between app icons in search results*/
-.grid-search-results {
- spacing: 2px;
+#panel:overview, .transparent-panel {
+ background-color: transparent;
}
-.panel {
- text-shadow: 1px 1px 3px rgba(33, 33, 33, 1);
+/* reduce spacing between app icons in search results */
+.grid-search-results {
+ spacing: 4px;
}
/* hide vertical scroll bar, it's distracting in the search results */
@@ -222,3 +279,29 @@ StButton#vhandle {
.osd-window {
margin: 4em;
}
+
+.app-folder .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 {
+ border-color: rgba(160, 160, 160, 0.3);
+}
+
+.edit-folder-button:hover,
+.app-folder:hover .overview-icon,
+.app-folder: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;
+}*/