diff options
Diffstat (limited to '')
| -rw-r--r-- | extensions/46/vertical-workspaces/stylesheet.css (renamed from extensions/45/vertical-workspaces/stylesheet.css) | 194 |
1 files changed, 150 insertions, 44 deletions
diff --git a/extensions/45/vertical-workspaces/stylesheet.css b/extensions/46/vertical-workspaces/stylesheet.css index dca1d29..ef3b0ce 100644 --- a/extensions/45/vertical-workspaces/stylesheet.css +++ b/extensions/46/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 |