diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2023-12-10 13:32:02 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2023-12-10 13:32:02 +0000 |
commit | 9969d17a688d6d8e1764d7242fd4c8b838ec2228 (patch) | |
tree | 010ad3d1857c611930d8086909451a5120ad978f /extensions/44/vertical-workspaces/stylesheet.css | |
parent | Adding upstream version 20230618. (diff) | |
download | gnome-shell-extensions-extra-9969d17a688d6d8e1764d7242fd4c8b838ec2228.tar.xz gnome-shell-extensions-extra-9969d17a688d6d8e1764d7242fd4c8b838ec2228.zip |
Adding upstream version 20231210.upstream/20231210
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.css | 307 |
1 files changed, 307 insertions, 0 deletions
diff --git a/extensions/44/vertical-workspaces/stylesheet.css b/extensions/44/vertical-workspaces/stylesheet.css new file mode 100644 index 0000000..2febbb7 --- /dev/null +++ b/extensions/44/vertical-workspaces/stylesheet.css @@ -0,0 +1,307 @@ +/* +* V-Shell (Vertical Workspaces) +* stylesheet.css +*/ + +/* General dash */ +#dash.vertical { + margin: 0px; + padding: 0px; +} + +#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 + 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; + margin: 0px; +} + +#dash.vertical .dash-separator { + height: 1px; + margin-right: 2px; + 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 { + margin: 4px 0px; +} + +#dash.vertical .app-well-app-running-dot-custom { + margin: 4px 0px; + width: 2px; + height: 16px; +} + +#dash.vertical .dash-background { + margin: 0px; +} + +#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-gs3-right .dash-background { + border-radius: 18px 0 0 18px; + border-right: 0px; + padding: 8px 4px 8px 12px; + margin-right: 0; +} + +#dash.vertical-gs3-left { + margin-right: 6px; + margin-left: 0px; + padding: 0px; +} + +#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: 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, .folder-name-label { + text-shadow: 1px 1px 3px rgba(33, 33, 33, 0.5); +} + +/* adjustment for the vertical ws switcher indicator popup*/ +.ws-switcher-indicator { + padding: 3px; + margin: 5px; +} + +.ws-switcher-indicator:active { + padding: 5px; + margin: 3px; +} + +/* ws thumbnails captions */ +.ws-tmb-label { + padding: 2px; + color: rgb(255, 255, 255); + background-color: rgba(40,40,40,0.8); + text-align: center; +} + +.workspace-thumbnail-indicator { + border-radius: 6px; +} + +.ws-tmb-labeled { + border: 0px; +} + +.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; +} + +.page-indicator { + 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:hover, +.search-entry:focus { + background-color: rgba(200, 200, 200, 0.2); +}*/ + +.search-entry-om2 { + color: white; + background-color: rgba(40, 40, 40, 1); +} + +.search-entry-om2:hover, +.search-entry-om2:focus { + background-color: rgba(50, 50, 50, 1); +} + +/* for static ws mode */ +/*.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, .search-statustext-om2 { + background-color: rgba(200, 200, 200, 0.1); + color: white; + margin-top: 50px; + padding: 30px; + border-radius: 20px; + text-shadow: 0px 0px 5px rgb(23, 23, 23); +} + +.search-statustext-om2 { + background-color: rgb(40, 40, 40); + border: 1px rgba(200, 200, 200, 0.1); +} + +#panel:overview, .transparent-panel { + background-color: transparent; +} + +/* 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; +} + +.show-apps-icon-horizontal-hide { + width: 0; + margin: 0; + spacing: 0; +} + +.show-apps-icon-vertical-hide { + height: 0; + margin: 0; + spacing: 0; +} + +.workspace-close-button { + color: white; + background-color: dimgrey; + width: 18px; + height: 18px; + padding: 2px; + margin: 2px; + box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); + border: 0px; + border-radius: 35px; +} + +.workspace-close-button-hover { + background-color: rgb(255, 0, 0); +} + +/* ws tmb placeholder */ +.placeholder-vertical { + background-size: contain; + height: 18px; +} + +/* reduce size of hot corner ripples to half */ +.ripple-box { + width: 26px; + height: 26px; +} + +.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; +}*/ |