Gnome-Shell: update upstream to 42.rc

This commit is contained in:
Daniel Ruiz de Alegría 2022-03-07 18:55:58 +01:00
parent e8b75a1302
commit 7c41266871
No known key found for this signature in database
GPG Key ID: 59667A77E8BFCB6C
10 changed files with 255 additions and 229 deletions

View File

@ -37,6 +37,7 @@ stage {
.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 16px; border-radius: 16px;
padding: 6px; padding: 6px;
spacing: 6px;
border: 2px solid transparent; border: 2px solid transparent;
transition-duration: 100ms; transition-duration: 100ms;
text-align: center; } text-align: center; }
@ -47,7 +48,7 @@ stage {
border-radius: 11px; border-radius: 11px;
border: 1px solid rgba(238, 238, 236, 0.07); } border: 1px solid rgba(238, 238, 236, 0.07); }
#LookingGlassDialog > #Toolbar .lg-toolbar-button, .button { #LookingGlassDialog > #Toolbar .lg-toolbar-button, .app-folder-dialog .folder-name-container .edit-folder-button, .button {
border-radius: 6px; border-radius: 6px;
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
@ -55,39 +56,42 @@ stage {
padding: 3px 24px; padding: 3px 24px;
color: #eeeeec; color: #eeeeec;
background-color: #2d2f38; } background-color: #2d2f38; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus { #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .button:focus {
color: #eeeeec; color: #eeeeec;
background-color: #2c364c; background-color: #2c364c;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); } box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover { #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover, .button:focus:hover {
background-color: #333d54; background-color: #333d54;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); } box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active { #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active, .button:focus:active {
background-color: #39435b; background-color: #39435b;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); } box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover { #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover {
color: #eeeeec; color: #eeeeec;
background-color: #343640; } background-color: #343640; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive { #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .button:insensitive {
color: rgba(238, 238, 236, 0.5); color: rgba(238, 238, 236, 0.5);
background-color: rgba(238, 238, 236, 0.05); } background-color: rgba(238, 238, 236, 0.05); }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active { #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .button:active {
color: #eeeeec; color: #eeeeec;
background-color: #3b3d49; } background-color: #3b3d49; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked { #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked, .button:checked {
color: #eeeeec; color: #eeeeec;
background-color: #414451; } background-color: #414451; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover { #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover, .button:checked:hover {
background-color: #484b5a; } background-color: #484b5a; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active { #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active, .button:checked:active {
background-color: #4f5362; } background-color: #4f5362; }
.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button {
padding: 12px; padding: 12px;
font-weight: bold !important; font-weight: bold !important;
margin-right: 1px;
color: #eeeeec; color: #eeeeec;
background-color: #3b3f4b; } background-color: #3b3f4b; }
.modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive {
color: rgba(238, 238, 236, 0.5); color: rgba(238, 238, 236, 0.5);
background-color: rgba(238, 238, 236, 0.05); } background-color: rgba(238, 238, 236, 0.05); }
@ -123,9 +127,10 @@ stage {
border-radius: 0 0 10px 0; } border-radius: 0 0 10px 0; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl {
border-radius: 0 0 0 10px; border-radius: 0 0 0 10px;
margin-right: 0 !important; } margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child {
border-radius: 0 0 10px 10px !important; border-radius: 0 0 10px 10px !important;
margin-left: 0 !important;
margin-right: 0 !important; } margin-right: 0 !important; }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button { .screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
@ -167,11 +172,7 @@ stage {
background-color: #5b6173; } background-color: #5b6173; }
/* General Typography */ /* General Typography */
.search-statustext { .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext {
font-weight: 300;
font-size: 24pt; }
.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
font-weight: 800; font-weight: 800;
font-size: 20pt; } font-size: 20pt; }
@ -327,13 +328,12 @@ StScrollBar {
/* Popovers/Menus */ /* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer { .popup-menu-boxpointer, .candidate-popup-boxpointer {
margin: 4px; } -arrow-rise: 6px; }
.popup-menu { .popup-menu {
min-width: 15em; min-width: 15em;
color: #eeeeec; } color: #eeeeec; }
.popup-menu.panel-menu { .popup-menu.panel-menu {
-boxpointer-gap: 6px;
margin-bottom: 1.75em; } margin-bottom: 1.75em; }
.popup-menu-content, .candidate-popup-content { .popup-menu-content, .candidate-popup-content {
@ -346,8 +346,13 @@ StScrollBar {
.popup-menu-item { .popup-menu-item {
padding: 9px 12px; padding: 9px 12px;
border-radius: 8px; border-radius: 8px;
spacing: 6px;
transition: 0.2s all ease; transition: 0.2s all ease;
background-color: transparent; } background-color: transparent; }
.popup-menu-item:ltr {
padding-left: 6px; }
.popup-menu-item:rtl {
padding-right: 6px; }
.popup-menu-item:focus, .popup-menu-item:hover { .popup-menu-item:focus, .popup-menu-item:hover {
background-color: #2b2f3a !important; } background-color: #2b2f3a !important; }
.popup-menu-item:focus:active, .popup-menu-item:hover:active { .popup-menu-item:focus:active, .popup-menu-item:hover:active {
@ -367,6 +372,10 @@ StScrollBar {
color: #fcfcfc; } color: #fcfcfc; }
.popup-menu-item:insensitive { .popup-menu-item:insensitive {
color: rgba(238, 238, 236, 0.5); } color: rgba(238, 238, 236, 0.5); }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-inactive-menu-item { .popup-inactive-menu-item {
color: #eeeeec; } color: #eeeeec; }
@ -377,12 +386,6 @@ StScrollBar {
.popup-menu-icon { .popup-menu-icon {
icon-size: 16px !important; } icon-size: 16px !important; }
.popup-menu-arrow:ltr {
margin-right: 4px; }
.popup-menu-arrow:rtl {
margin-left: 4px; }
.popup-sub-menu { .popup-sub-menu {
background-color: #363a48; background-color: #363a48;
border-radius: 0 0 8px 8px; } border-radius: 0 0 8px 8px; }
@ -415,22 +418,28 @@ StScrollBar {
text-align: left; } text-align: left; }
.popup-separator-menu-item { .popup-separator-menu-item {
padding: 0; margin: 6px 0;
margin: 6px 0; } padding: 0 !important; }
.popup-separator-menu-item:ltr {
margin-right: 4px; }
.popup-separator-menu-item:rtl {
margin-left: 4px; }
.popup-separator-menu-item .popup-separator-menu-item-separator { .popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px; height: 1px;
background-color: #0d0e11; } background-color: #0d0e11; }
.popup-separator-menu-item .popup-menu-ornament { .popup-separator-menu-item .popup-menu-ornament {
width: 0 !important; } width: 0 !important; }
.popup-sub-menu .popup-separator-menu-item { .popup-sub-menu .popup-separator-menu-item {
padding: 0;
margin-right: 2.5em !important;
background-color: transparent; } background-color: transparent; }
.popup-sub-menu .popup-separator-menu-item:ltr {
margin-right: 2.5em; }
.popup-sub-menu .popup-separator-menu-item:rtl {
margin-left: 2.5em; }
.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
background-color: #1c1e25; } background-color: #1c1e25; }
.background-menu { .background-menu {
-boxpointer-gap: 4px; -boxpointer-gap: 0px;
-arrow-rise: 0px; } -arrow-rise: 0px; }
.aggregate-menu { .aggregate-menu {
@ -444,16 +453,12 @@ StScrollBar {
.aggregate-menu .popup-menu-icon:rtl { .aggregate-menu .popup-menu-icon:rtl {
margin-left: 8px; } margin-left: 8px; }
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
margin-left: 8px; } margin-left: 1em; }
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
margin-right: 8px; } margin-right: 1em; }
.app-menu { .app-menu {
max-width: 27.25em; } max-width: 27.25em; }
.app-menu .popup-menu-content, .app-menu .candidate-popup-content {
margin: 4px; }
.app-menu.panel-menu .popup-menu-content, .app-menu.panel-menu .candidate-popup-content {
margin: 0; }
.app-menu .popup-menu-ornament { .app-menu .popup-menu-ornament {
width: 0 !important; } width: 0 !important; }
.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
@ -722,7 +727,7 @@ StScrollBar {
/* Message List */ /* Message List */
.message-list { .message-list {
width: 32em; width: 29em;
border: solid #0d0e11; } border: solid #0d0e11; }
.message-list:ltr { .message-list:ltr {
margin-left: 0; margin-left: 0;
@ -788,10 +793,11 @@ StScrollBar {
color: #eeeeec; color: #eeeeec;
background-color: #3b3d49; } background-color: #3b3d49; }
.message .message-icon-bin { .message .message-icon-bin {
padding: 18px; padding: 18px; }
padding-right: 6px; } .message .message-icon-bin:ltr {
.message .message-icon-bin:rtl {
padding-right: 6px; } padding-right: 6px; }
.message .message-icon-bin:rtl {
padding-left: 6px; }
.message .message-icon-bin > StIcon { .message .message-icon-bin > StIcon {
icon-size: 2.18em; icon-size: 2.18em;
-st-icon-style: symbolic; } -st-icon-style: symbolic; }
@ -1211,6 +1217,8 @@ StScrollBar {
.switcher-list .item-box:drop { .switcher-list .item-box:drop {
border: 2px solid rgba(39, 119, 255, 0.8); border: 2px solid rgba(39, 119, 255, 0.8);
background-color: rgba(39, 119, 255, 0.2); } background-color: rgba(39, 119, 255, 0.2); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .separator { .switcher-list .separator {
width: 1px; width: 1px;
background: #0d0e11; } background: #0d0e11; }
@ -1585,12 +1593,14 @@ StScrollBar {
padding: 0 4px; } padding: 0 4px; }
/* Search */ /* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent { #searchResultsContent {
max-width: 1024px; max-width: 1072px; }
spacing: 8px; }
.search-section { .search-section {
spacing: 8px; } spacing: 18px; }
.search-section .search-section-separator { .search-section .search-section-separator {
height: 8px; height: 8px;
background-color: transparent; } background-color: transparent; }
@ -1599,16 +1609,13 @@ StScrollBar {
background-color: #323643; background-color: #323643;
border-radius: 24px; border-radius: 24px;
border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: none;
text-shadow: none;
color: white; color: white;
padding: 12px; padding: 12px;
margin: 4px; } margin: 0 12px; }
.list-search-result, .search-provider-icon { .list-search-result, .search-provider-icon {
background-color: transparent; background-color: transparent;
margin: 4px; border-radius: 11px; }
border-radius: 8px !important; }
.list-search-result:hover, .search-provider-icon:hover { .list-search-result:hover, .search-provider-icon:hover {
background-color: rgba(255, 255, 255, 0.1); } background-color: rgba(255, 255, 255, 0.1); }
.list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus {
@ -1630,7 +1637,14 @@ StScrollBar {
background-color: rgba(39, 119, 255, 0.2); } background-color: rgba(39, 119, 255, 0.2); }
.grid-search-results { .grid-search-results {
spacing: 36px; } spacing: 30px;
margin: 0 12px; }
.search-provider-icon:ltr {
margin-right: 4px; }
.search-provider-icon:rtl {
margin-left: 4px; }
.search-provider-icon .list-search-provider-content { .search-provider-icon .list-search-provider-content {
spacing: 12px; } spacing: 12px; }
@ -1652,7 +1666,7 @@ StScrollBar {
/* Dash */ /* Dash */
#dash { #dash {
margin: 2em; } margin-top: 12px; }
#dash .placeholder { #dash .placeholder {
background-image: none; background-image: none;
background-size: contain; background-size: contain;
@ -1661,16 +1675,25 @@ StScrollBar {
width: 32px; width: 32px;
height: 32px; } height: 32px; }
#dash .app-well-app-running-dot { #dash .app-well-app-running-dot {
margin-bottom: 15px; } margin-bottom: 14px; }
.dash-background { .dash-background {
background-color: #323643; background-color: #323643;
border-radius: 28px; border-radius: 28px;
padding: 12px; padding: 12px;
spacing: 6px; } spacing: 6px;
margin-bottom: 12px; }
.dash-item-container > * {
margin: 0 2px; }
.dash-item-container:ltr:first-child {
margin-left: 0; }
.dash-item-container:rtl:first-child {
margin-right: 0; }
.dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon {
margin: 0 4px;
padding: 6px; } padding: 6px; }
.dash-item-container .show-apps .overview-icon { .dash-item-container .show-apps .overview-icon {
@ -1700,9 +1723,14 @@ StScrollBar {
border: 2px solid rgba(39, 119, 255, 0.8); border: 2px solid rgba(39, 119, 255, 0.8);
background-color: rgba(39, 119, 255, 0.2); } background-color: rgba(39, 119, 255, 0.2); }
.dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result {
padding-bottom: 12px; }
.dash-separator { .dash-separator {
width: 1px; width: 1px;
background-color: #0d0e11; } margin: 0 4px;
background-color: #0d0e11;
margin-bottom: 12px; }
.dash-label { .dash-label {
color: white; color: white;
@ -1716,12 +1744,12 @@ StScrollBar {
.icon-grid { .icon-grid {
row-spacing: 12px; row-spacing: 12px;
column-spacing: 12px; column-spacing: 12px;
max-row-spacing: 72px; max-row-spacing: 42px;
max-column-spacing: 72px; max-column-spacing: 42px;
page-padding-top: 24px; page-padding-top: 24px;
page-padding-bottom: 24px; page-padding-bottom: 24px;
page-padding-left: 12px; page-padding-left: 18px;
page-padding-right: 12px; } page-padding-right: 18px; }
/* App Icons */ /* App Icons */
.app-well-app .overview-icon, .grid-search-result .overview-icon { .app-well-app .overview-icon, .grid-search-result .overview-icon {
@ -1786,8 +1814,7 @@ StScrollBar {
.app-folder-dialog { .app-folder-dialog {
border-radius: 32px; border-radius: 32px;
background-color: #323643; background-color: #323643; }
padding: 12px 0px 12px 0px; }
.app-folder-dialog .folder-name-container { .app-folder-dialog .folder-name-container {
padding: 24px 36px 0; padding: 24px 36px 0;
spacing: 12px; spacing: 12px;
@ -1798,31 +1825,10 @@ StScrollBar {
padding: 5px 7px; padding: 5px 7px;
color: white; } color: white; }
.app-folder-dialog .folder-name-container .edit-folder-button { .app-folder-dialog .folder-name-container .edit-folder-button {
background-color: transparent; padding: 0;
background-color: none;
width: 36px; width: 36px;
height: 36px; height: 36px;
border-radius: 18px; } border-radius: 99px; }
.app-folder-dialog .folder-name-container .edit-folder-button:insensitive {
color: rgba(238, 238, 236, 0.5);
background-color: rgba(238, 238, 236, 0.05);
background-color: transparent; }
.app-folder-dialog .folder-name-container .edit-folder-button:focus {
color: #eeeeec;
background-color: #2c364c;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
.app-folder-dialog .folder-name-container .edit-folder-button:focus:hover {
background-color: #333d54;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
.app-folder-dialog .folder-name-container .edit-folder-button:focus:active {
background-color: #39435b;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
.app-folder-dialog .folder-name-container .edit-folder-button:hover {
color: #eeeeec;
background-color: #343640; }
.app-folder-dialog .folder-name-container .edit-folder-button:active {
color: #eeeeec;
background-color: #3b3d49; }
.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { .app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
icon-size: 1.09em; } icon-size: 1.09em; }
.app-folder-dialog .icon-grid { .app-folder-dialog .icon-grid {
@ -1837,8 +1843,8 @@ StScrollBar {
.app-folder-dialog-container { .app-folder-dialog-container {
padding: 12px; padding: 12px;
width: 620px; width: 640px;
height: 620px; } height: 640px; }
.app-well-app-running-dot { .app-well-app-running-dot {
height: 5px; height: 5px;

View File

@ -37,6 +37,7 @@ stage {
.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 16px; border-radius: 16px;
padding: 6px; padding: 6px;
spacing: 6px;
border: 2px solid transparent; border: 2px solid transparent;
transition-duration: 100ms; transition-duration: 100ms;
text-align: center; } text-align: center; }
@ -47,7 +48,7 @@ stage {
border-radius: 11px; border-radius: 11px;
border: 1px solid rgba(255, 255, 255, 0.8); } border: 1px solid rgba(255, 255, 255, 0.8); }
#LookingGlassDialog > #Toolbar .lg-toolbar-button, .button { #LookingGlassDialog > #Toolbar .lg-toolbar-button, .app-folder-dialog .folder-name-container .edit-folder-button, .button {
border-radius: 6px; border-radius: 6px;
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
@ -55,39 +56,42 @@ stage {
padding: 3px 24px; padding: 3px 24px;
color: #5c616c; color: #5c616c;
background-color: #f7f7f8; } background-color: #f7f7f8; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus { #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .button:focus {
color: #5c616c; color: #5c616c;
background-color: #e2eaf9; background-color: #e2eaf9;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); } box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover { #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover, .button:focus:hover {
background-color: #e9f1ff; background-color: #e9f1ff;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); } box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active { #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active, .button:focus:active {
background-color: #e9f1ff; background-color: #e9f1ff;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); } box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover { #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover {
color: #5c616c; color: #5c616c;
background-color: white; } background-color: white; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive { #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .button:insensitive {
color: rgba(92, 97, 108, 0.5); color: rgba(92, 97, 108, 0.5);
background-color: rgba(92, 97, 108, 0.05); } background-color: rgba(92, 97, 108, 0.05); }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active { #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .button:active {
color: #5c616c; color: #5c616c;
background-color: white; } background-color: white; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked { #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked, .button:checked {
color: #5c616c; color: #5c616c;
background-color: white; } background-color: white; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover { #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover, .button:checked:hover {
background-color: white; } background-color: white; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active { #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active, .button:checked:active {
background-color: white; } background-color: white; }
.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button {
padding: 12px; padding: 12px;
font-weight: bold !important; font-weight: bold !important;
margin-right: 1px;
color: #5c616c; color: #5c616c;
background-color: #dadadb; } background-color: #dadadb; }
.modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive {
color: rgba(92, 97, 108, 0.5); color: rgba(92, 97, 108, 0.5);
background-color: rgba(92, 97, 108, 0.05); } background-color: rgba(92, 97, 108, 0.05); }
@ -123,9 +127,10 @@ stage {
border-radius: 0 0 10px 0; } border-radius: 0 0 10px 0; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl {
border-radius: 0 0 0 10px; border-radius: 0 0 0 10px;
margin-right: 0 !important; } margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child {
border-radius: 0 0 10px 10px !important; border-radius: 0 0 10px 10px !important;
margin-left: 0 !important;
margin-right: 0 !important; } margin-right: 0 !important; }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button { .screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
@ -167,11 +172,7 @@ stage {
background-color: #535a6e; } background-color: #535a6e; }
/* General Typography */ /* General Typography */
.search-statustext { .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext {
font-weight: 300;
font-size: 24pt; }
.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
font-weight: 800; font-weight: 800;
font-size: 20pt; } font-size: 20pt; }
@ -327,13 +328,12 @@ StScrollBar {
/* Popovers/Menus */ /* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer { .popup-menu-boxpointer, .candidate-popup-boxpointer {
margin: 4px; } -arrow-rise: 6px; }
.popup-menu { .popup-menu {
min-width: 15em; min-width: 15em;
color: #5c616c; } color: #5c616c; }
.popup-menu.panel-menu { .popup-menu.panel-menu {
-boxpointer-gap: 6px;
margin-bottom: 1.75em; } margin-bottom: 1.75em; }
.popup-menu-content, .candidate-popup-content { .popup-menu-content, .candidate-popup-content {
@ -346,8 +346,13 @@ StScrollBar {
.popup-menu-item { .popup-menu-item {
padding: 9px 12px; padding: 9px 12px;
border-radius: 8px; border-radius: 8px;
spacing: 6px;
transition: 0.2s all ease; transition: 0.2s all ease;
background-color: transparent; } background-color: transparent; }
.popup-menu-item:ltr {
padding-left: 6px; }
.popup-menu-item:rtl {
padding-right: 6px; }
.popup-menu-item:focus, .popup-menu-item:hover { .popup-menu-item:focus, .popup-menu-item:hover {
background-color: #f7f7f7 !important; } background-color: #f7f7f7 !important; }
.popup-menu-item:focus:active, .popup-menu-item:hover:active { .popup-menu-item:focus:active, .popup-menu-item:hover:active {
@ -367,6 +372,10 @@ StScrollBar {
color: #50555e; } color: #50555e; }
.popup-menu-item:insensitive { .popup-menu-item:insensitive {
color: rgba(92, 97, 108, 0.5); } color: rgba(92, 97, 108, 0.5); }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-inactive-menu-item { .popup-inactive-menu-item {
color: #5c616c; } color: #5c616c; }
@ -377,12 +386,6 @@ StScrollBar {
.popup-menu-icon { .popup-menu-icon {
icon-size: 16px !important; } icon-size: 16px !important; }
.popup-menu-arrow:ltr {
margin-right: 4px; }
.popup-menu-arrow:rtl {
margin-left: 4px; }
.popup-sub-menu { .popup-sub-menu {
background-color: #ededed; background-color: #ededed;
border-radius: 0 0 8px 8px; } border-radius: 0 0 8px 8px; }
@ -415,22 +418,28 @@ StScrollBar {
text-align: left; } text-align: left; }
.popup-separator-menu-item { .popup-separator-menu-item {
padding: 0; margin: 6px 0;
margin: 6px 0; } padding: 0 !important; }
.popup-separator-menu-item:ltr {
margin-right: 4px; }
.popup-separator-menu-item:rtl {
margin-left: 4px; }
.popup-separator-menu-item .popup-separator-menu-item-separator { .popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px; height: 1px;
background-color: #d9d9d9; } background-color: #d9d9d9; }
.popup-separator-menu-item .popup-menu-ornament { .popup-separator-menu-item .popup-menu-ornament {
width: 0 !important; } width: 0 !important; }
.popup-sub-menu .popup-separator-menu-item { .popup-sub-menu .popup-separator-menu-item {
padding: 0;
margin-right: 2.5em !important;
background-color: transparent; } background-color: transparent; }
.popup-sub-menu .popup-separator-menu-item:ltr {
margin-right: 2.5em; }
.popup-sub-menu .popup-separator-menu-item:rtl {
margin-left: 2.5em; }
.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
background-color: #ebebeb; } background-color: #ebebeb; }
.background-menu { .background-menu {
-boxpointer-gap: 4px; -boxpointer-gap: 0px;
-arrow-rise: 0px; } -arrow-rise: 0px; }
.aggregate-menu { .aggregate-menu {
@ -444,16 +453,12 @@ StScrollBar {
.aggregate-menu .popup-menu-icon:rtl { .aggregate-menu .popup-menu-icon:rtl {
margin-left: 8px; } margin-left: 8px; }
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
margin-left: 8px; } margin-left: 1em; }
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
margin-right: 8px; } margin-right: 1em; }
.app-menu { .app-menu {
max-width: 27.25em; } max-width: 27.25em; }
.app-menu .popup-menu-content, .app-menu .candidate-popup-content {
margin: 4px; }
.app-menu.panel-menu .popup-menu-content, .app-menu.panel-menu .candidate-popup-content {
margin: 0; }
.app-menu .popup-menu-ornament { .app-menu .popup-menu-ornament {
width: 0 !important; } width: 0 !important; }
.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
@ -722,7 +727,7 @@ StScrollBar {
/* Message List */ /* Message List */
.message-list { .message-list {
width: 32em; width: 29em;
border: solid #d9d9d9; } border: solid #d9d9d9; }
.message-list:ltr { .message-list:ltr {
margin-left: 0; margin-left: 0;
@ -788,10 +793,11 @@ StScrollBar {
color: #5c616c; color: #5c616c;
background-color: white; } background-color: white; }
.message .message-icon-bin { .message .message-icon-bin {
padding: 18px; padding: 18px; }
padding-right: 6px; } .message .message-icon-bin:ltr {
.message .message-icon-bin:rtl {
padding-right: 6px; } padding-right: 6px; }
.message .message-icon-bin:rtl {
padding-left: 6px; }
.message .message-icon-bin > StIcon { .message .message-icon-bin > StIcon {
icon-size: 2.18em; icon-size: 2.18em;
-st-icon-style: symbolic; } -st-icon-style: symbolic; }
@ -1211,6 +1217,8 @@ StScrollBar {
.switcher-list .item-box:drop { .switcher-list .item-box:drop {
border: 2px solid rgba(39, 119, 255, 0.8); border: 2px solid rgba(39, 119, 255, 0.8);
background-color: rgba(39, 119, 255, 0.2); } background-color: rgba(39, 119, 255, 0.2); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .separator { .switcher-list .separator {
width: 1px; width: 1px;
background: #d9d9d9; } background: #d9d9d9; }
@ -1585,12 +1593,14 @@ StScrollBar {
padding: 0 4px; } padding: 0 4px; }
/* Search */ /* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent { #searchResultsContent {
max-width: 1024px; max-width: 1072px; }
spacing: 8px; }
.search-section { .search-section {
spacing: 8px; } spacing: 18px; }
.search-section .search-section-separator { .search-section .search-section-separator {
height: 8px; height: 8px;
background-color: transparent; } background-color: transparent; }
@ -1599,16 +1609,13 @@ StScrollBar {
background-color: #323643; background-color: #323643;
border-radius: 24px; border-radius: 24px;
border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: none;
text-shadow: none;
color: white; color: white;
padding: 12px; padding: 12px;
margin: 4px; } margin: 0 12px; }
.list-search-result, .search-provider-icon { .list-search-result, .search-provider-icon {
background-color: transparent; background-color: transparent;
margin: 4px; border-radius: 11px; }
border-radius: 8px !important; }
.list-search-result:hover, .search-provider-icon:hover { .list-search-result:hover, .search-provider-icon:hover {
background-color: rgba(255, 255, 255, 0.1); } background-color: rgba(255, 255, 255, 0.1); }
.list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus {
@ -1630,7 +1637,14 @@ StScrollBar {
background-color: rgba(39, 119, 255, 0.2); } background-color: rgba(39, 119, 255, 0.2); }
.grid-search-results { .grid-search-results {
spacing: 36px; } spacing: 30px;
margin: 0 12px; }
.search-provider-icon:ltr {
margin-right: 4px; }
.search-provider-icon:rtl {
margin-left: 4px; }
.search-provider-icon .list-search-provider-content { .search-provider-icon .list-search-provider-content {
spacing: 12px; } spacing: 12px; }
@ -1652,7 +1666,7 @@ StScrollBar {
/* Dash */ /* Dash */
#dash { #dash {
margin: 2em; } margin-top: 12px; }
#dash .placeholder { #dash .placeholder {
background-image: none; background-image: none;
background-size: contain; background-size: contain;
@ -1661,16 +1675,25 @@ StScrollBar {
width: 32px; width: 32px;
height: 32px; } height: 32px; }
#dash .app-well-app-running-dot { #dash .app-well-app-running-dot {
margin-bottom: 15px; } margin-bottom: 14px; }
.dash-background { .dash-background {
background-color: #323643; background-color: #323643;
border-radius: 28px; border-radius: 28px;
padding: 12px; padding: 12px;
spacing: 6px; } spacing: 6px;
margin-bottom: 12px; }
.dash-item-container > * {
margin: 0 2px; }
.dash-item-container:ltr:first-child {
margin-left: 0; }
.dash-item-container:rtl:first-child {
margin-right: 0; }
.dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon {
margin: 0 4px;
padding: 6px; } padding: 6px; }
.dash-item-container .show-apps .overview-icon { .dash-item-container .show-apps .overview-icon {
@ -1700,9 +1723,14 @@ StScrollBar {
border: 2px solid rgba(39, 119, 255, 0.8); border: 2px solid rgba(39, 119, 255, 0.8);
background-color: rgba(39, 119, 255, 0.2); } background-color: rgba(39, 119, 255, 0.2); }
.dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result {
padding-bottom: 12px; }
.dash-separator { .dash-separator {
width: 1px; width: 1px;
background-color: #d9d9d9; } margin: 0 4px;
background-color: #d9d9d9;
margin-bottom: 12px; }
.dash-label { .dash-label {
color: white; color: white;
@ -1716,12 +1744,12 @@ StScrollBar {
.icon-grid { .icon-grid {
row-spacing: 12px; row-spacing: 12px;
column-spacing: 12px; column-spacing: 12px;
max-row-spacing: 72px; max-row-spacing: 42px;
max-column-spacing: 72px; max-column-spacing: 42px;
page-padding-top: 24px; page-padding-top: 24px;
page-padding-bottom: 24px; page-padding-bottom: 24px;
page-padding-left: 12px; page-padding-left: 18px;
page-padding-right: 12px; } page-padding-right: 18px; }
/* App Icons */ /* App Icons */
.app-well-app .overview-icon, .grid-search-result .overview-icon { .app-well-app .overview-icon, .grid-search-result .overview-icon {
@ -1786,8 +1814,7 @@ StScrollBar {
.app-folder-dialog { .app-folder-dialog {
border-radius: 32px; border-radius: 32px;
background-color: #323643; background-color: #323643; }
padding: 12px 0px 12px 0px; }
.app-folder-dialog .folder-name-container { .app-folder-dialog .folder-name-container {
padding: 24px 36px 0; padding: 24px 36px 0;
spacing: 12px; spacing: 12px;
@ -1798,31 +1825,10 @@ StScrollBar {
padding: 5px 7px; padding: 5px 7px;
color: white; } color: white; }
.app-folder-dialog .folder-name-container .edit-folder-button { .app-folder-dialog .folder-name-container .edit-folder-button {
background-color: transparent; padding: 0;
background-color: none;
width: 36px; width: 36px;
height: 36px; height: 36px;
border-radius: 18px; } border-radius: 99px; }
.app-folder-dialog .folder-name-container .edit-folder-button:insensitive {
color: rgba(92, 97, 108, 0.5);
background-color: rgba(92, 97, 108, 0.05);
background-color: transparent; }
.app-folder-dialog .folder-name-container .edit-folder-button:focus {
color: #5c616c;
background-color: #e2eaf9;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
.app-folder-dialog .folder-name-container .edit-folder-button:focus:hover {
background-color: #e9f1ff;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
.app-folder-dialog .folder-name-container .edit-folder-button:focus:active {
background-color: #e9f1ff;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
.app-folder-dialog .folder-name-container .edit-folder-button:hover {
color: #5c616c;
background-color: white; }
.app-folder-dialog .folder-name-container .edit-folder-button:active {
color: #5c616c;
background-color: white; }
.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { .app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
icon-size: 1.09em; } icon-size: 1.09em; }
.app-folder-dialog .icon-grid { .app-folder-dialog .icon-grid {
@ -1837,8 +1843,8 @@ StScrollBar {
.app-folder-dialog-container { .app-folder-dialog-container {
padding: 12px; padding: 12px;
width: 620px; width: 640px;
height: 620px; } height: 640px; }
.app-well-app-running-dot { .app-well-app-running-dot {
height: 5px; height: 5px;

View File

@ -84,6 +84,7 @@ stage {
%tile { %tile {
border-radius: $base_border_radius * 2; // 16px border-radius: $base_border_radius * 2; // 16px
padding: $base_padding; padding: $base_padding;
spacing: $base_padding;
border: 2px solid transparent; border: 2px solid transparent;
transition-duration: 100ms; transition-duration: 100ms;
text-align: center; text-align: center;
@ -122,7 +123,9 @@ $bubble_buttons_color: if($variant == 'light', darken($bg_color, 12%), lighten($
%bubble_button { %bubble_button {
padding: $base_padding * 2; padding: $base_padding * 2;
font-weight: bold !important; font-weight: bold !important;
margin-right: 1px;
&:ltr {margin-right: 1px;}
&:rtl {margin-left: 1px;}
@include button(normal, $c:$bubble_buttons_color); @include button(normal, $c:$bubble_buttons_color);
&:insensitive { @include button(insensitive, $c:$bubble_buttons_color);} &:insensitive { @include button(insensitive, $c:$bubble_buttons_color);}
@ -146,11 +149,12 @@ $bubble_buttons_color: if($variant == 'light', darken($bg_color, 12%), lighten($
&:last-child:rtl { &:last-child:rtl {
border-radius: 0 0 0 $bubble_button_radius; border-radius: 0 0 0 $bubble_button_radius;
margin-right: 0 !important; margin-left: 0 !important;
} }
&:first-child:last-child { &:first-child:last-child {
border-radius: 0 0 $bubble_button_radius $bubble_button_radius !important; border-radius: 0 0 $bubble_button_radius $bubble_button_radius !important;
margin-left: 0 !important;
margin-right: 0 !important; margin-right: 0 !important;
} }
} }

View File

@ -6,12 +6,12 @@ $app_icon_size: 96px;
.icon-grid { .icon-grid {
row-spacing: $base_padding * 2; row-spacing: $base_padding * 2;
column-spacing: $base_padding * 2; column-spacing: $base_padding * 2;
max-row-spacing: $base_padding * 12; max-row-spacing: $base_padding * 7;
max-column-spacing: $base_padding * 12; max-column-spacing: $base_padding * 7;
page-padding-top: $base_padding * 4; page-padding-top: $base_padding * 4;
page-padding-bottom: $base_padding * 4; page-padding-bottom: $base_padding * 4;
page-padding-left: $base_padding * 2; page-padding-left: $base_padding * 3;
page-padding-right: $base_padding * 2; page-padding-right: $base_padding * 3;
} }
/* App Icons */ /* App Icons */
@ -20,9 +20,7 @@ $app_icon_size: 96px;
.app-well-app { .app-well-app {
@include overview_icon($osd_fg_color); @include overview_icon($osd_fg_color);
.overview-icon { .overview-icon { padding: $base_padding*2;}
padding: $base_padding*2;
}
.overview-icon.overview-icon-with-label { .overview-icon.overview-icon-with-label {
> StBoxLayout { > StBoxLayout {
spacing: $base_padding; spacing: $base_padding;
@ -39,7 +37,6 @@ $app_icon_size: 96px;
.app-folder-dialog { .app-folder-dialog {
border-radius: $modal_radius*2; border-radius: $modal_radius*2;
background-color: $dash_background_color; background-color: $dash_background_color;
padding: 12px 0px 12px 0px;
& .folder-name-container { & .folder-name-container {
padding: 24px 36px 0; padding: 24px 36px 0;
@ -56,15 +53,11 @@ $app_icon_size: 96px;
& .folder-name-label { padding: 5px 7px; color: $osd_fg_color; } & .folder-name-label { padding: 5px 7px; color: $osd_fg_color; }
& .edit-folder-button { & .edit-folder-button {
@include button(undecorated); @extend %button;
padding: 0;
width: 36px; width: 36px;
height: 36px; height: 36px;
border-radius: 18px; border-radius: 99px;
&:focus {@include button(focus);}
&:hover {@include button(hover);}
&:active {@include button(active);}
& > StIcon { icon-size: $base_icon_size } & > StIcon { icon-size: $base_icon_size }
} }
} }
@ -85,8 +78,8 @@ $app_icon_size: 96px;
.app-folder-dialog-container { .app-folder-dialog-container {
padding: $base_padding*2; padding: $base_padding*2;
width: 620px; width: 640px;
height: 620px; height: 640px;
} }
// Running app indicator (also shown in dash) // Running app indicator (also shown in dash)

View File

@ -8,7 +8,7 @@ $dash_border_radius: $modal_radius + $dash_padding;
// container for the dash // container for the dash
#dash { #dash {
@extend %caption; @extend %caption;
margin: 2em; margin-top: $dash_padding;
.placeholder { .placeholder {
// background-image: url("assets/dash-placeholder.svg"); // background-image: url("assets/dash-placeholder.svg");
@ -24,7 +24,7 @@ $dash_border_radius: $modal_radius + $dash_padding;
// Running app indicator (also shown in app grid) // Running app indicator (also shown in app grid)
.app-well-app-running-dot { .app-well-app-running-dot {
margin-bottom: 15px; // hardcoded margin-bottom: 14px; // hardcoded
} }
} }
@ -34,24 +34,34 @@ $dash_border_radius: $modal_radius + $dash_padding;
border-radius: $dash_border_radius; border-radius: $dash_border_radius;
padding: $dash_padding; padding: $dash_padding;
spacing: $base_padding; spacing: $base_padding;
margin-bottom: $dash_padding;
} }
// items on the dash // items on the dash
.dash-item-container { .dash-item-container {
> * {margin: 0 2px;}
&:ltr:first-child {margin-left: 0;}
&:rtl:first-child {margin-right: 0;}
// each app item on the dash // each app item on the dash
.app-well-app .overview-icon { .app-well-app .overview-icon {
margin: 0 4px;
padding: $base_padding; padding: $base_padding;
} }
// show apps button // show apps button
.show-apps { @include overview_icon($osd_fg_color);} .show-apps { @include overview_icon($osd_fg_color);}
.show-apps, .app-well-app {
padding-bottom: $dash_padding;
}
} }
// separator between favourites and running apps // separator between favourites and running apps
.dash-separator { .dash-separator {
width: 1px; width: 1px;
margin: 0 $base_margin;
background-color: $borders_color; background-color: $borders_color;
margin-bottom: $dash_padding;
} }
// OSD Tooltip // OSD Tooltip

View File

@ -3,7 +3,7 @@
// main list // main list
.message-list { .message-list {
width: 32em; width: 29em;
border: solid $borders_color; border: solid $borders_color;
// padding and margins to account for scrollbar // padding and margins to account for scrollbar
@ -67,11 +67,9 @@
// icon container // icon container
.message-icon-bin { .message-icon-bin {
padding: ($base_padding * 3); padding: ($base_padding * 3);
padding-right:$base_padding;
&:rtl { &:ltr {padding-right:$base_padding;}
padding-right:$base_padding; &:rtl {padding-left:$base_padding;}
}
// icon size and color // icon size and color
> StIcon { > StIcon {

View File

@ -2,7 +2,7 @@
// the popover itself // the popover itself
.popup-menu-boxpointer { .popup-menu-boxpointer {
margin: $base_margin; // used as distance from the screen edge -arrow-rise: $base_margin+2px; // distance from the panel & screen edge
} }
// container of the popover menu // container of the popover menu
@ -12,7 +12,6 @@
//.popup-status-menu-item {font-weight: normal; color: pink;} //dunno what that is //.popup-status-menu-item {font-weight: normal; color: pink;} //dunno what that is
&.panel-menu { &.panel-menu {
-boxpointer-gap: $base_margin+2px; // distance from the panel
margin-bottom: 1.75em; // so it doesn't touch the bottom of the screen margin-bottom: 1.75em; // so it doesn't touch the bottom of the screen
} }
} }
@ -20,7 +19,6 @@
// popover content // popover content
.popup-menu-content { .popup-menu-content {
padding: $base_padding; padding: $base_padding;
// account for margin oddities
border-radius: $modal_radius - 2px; border-radius: $modal_radius - 2px;
border: 1px solid $borders_edge; border: 1px solid $borders_edge;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
@ -31,9 +29,13 @@
.popup-menu-item { .popup-menu-item {
padding: $base_padding*1.5 $base_padding*2; padding: $base_padding*1.5 $base_padding*2;
border-radius: $base_border_radius; border-radius: $base_border_radius;
spacing: $base_padding;
transition: 0.2s all ease; transition: 0.2s all ease;
background-color: transparent; background-color: transparent;
&:ltr {padding-left: $base_padding;}
&:rtl {padding-right: $base_padding;}
&:focus, &:hover { &:focus, &:hover {
background-color: $hover_bg_color !important; background-color: $hover_bg_color !important;
&:active { background-color: $active_bg_color !important;} &:active { background-color: $active_bg_color !important;}
@ -55,6 +57,12 @@
} }
&:insensitive {color: transparentize($fg_color,0.5);} &:insensitive {color: transparentize($fg_color,0.5);}
// add margin to switches in menu items
.toggle-switch {
&:ltr { margin-left: $base_margin;}
&:rtl { margin-right: $base_margin;}
}
} }
@ -71,8 +79,6 @@
} }
.popup-menu-arrow { .popup-menu-arrow {
&:ltr {margin-right: $base_margin;}
&:rtl {margin-left: $base_margin;}
} }
@ -104,7 +110,7 @@
.popup-menu-section { .popup-menu-section {
.popup-menu-item:last-child { .popup-menu-item:last-child {
&:hover,&:focus {border-radius: 0;} &:hover,&:focus { border-radius: 0;}
} }
&:last-child .popup-menu-item:last-child { &:last-child .popup-menu-item:last-child {
border-radius: 0 0 $base_border_radius $base_border_radius; border-radius: 0 0 $base_border_radius $base_border_radius;
@ -118,14 +124,16 @@
width: 1.2em; width: 1.2em;
text-align: center !important; text-align: center !important;
&:ltr {text-align: right;}; &:ltr { text-align: right;}
&:rtl {text-align: left;}; &:rtl { text-align: left;}
} }
// separator // separator
.popup-separator-menu-item { .popup-separator-menu-item {
padding:0;
margin: 6px 0; margin: 6px 0;
padding:0 !important;
&:ltr { margin-right: $base_margin;}
&:rtl { margin-left: $base_margin;}
.popup-separator-menu-item-separator { .popup-separator-menu-item-separator {
height: 1px; //not really the whole box height: 1px; //not really the whole box
@ -136,11 +144,14 @@
width: 0 !important; width: 0 !important;
} }
// separators in submenus
.popup-sub-menu & { .popup-sub-menu & {
padding: 0;
margin-right: 2.5em !important; // account for ornament
background-color: transparent; background-color: transparent;
// account for ornament
&:ltr { margin-right: 2.5em;}
&:rtl { margin-left: 2.5em;}
.popup-separator-menu-item-separator { .popup-separator-menu-item-separator {
background-color: lighten($borders_color, 7%); background-color: lighten($borders_color, 7%);
} }
@ -149,7 +160,7 @@
// desktop background menu // desktop background menu
.background-menu { .background-menu {
-boxpointer-gap: $base_margin; -boxpointer-gap: 0px;
-arrow-rise: 0px; // hide the beak on the menu -arrow-rise: 0px; // hide the beak on the menu
} }
@ -170,19 +181,14 @@
// account for ornaments in submenus with padding // account for ornaments in submenus with padding
.popup-sub-menu .popup-menu-item > :first-child { .popup-sub-menu .popup-menu-item > :first-child {
// this value is hardcoded for visual effect // this value is hardcoded for visual effect
&:ltr { margin-left: $base_margin*2;} &:ltr { margin-left: 1em;}
&:rtl { margin-right: $base_margin*2;} &:rtl { margin-right: 1em;}
} }
} }
// right-click (and panel) app menu // right-click (and panel) app menu
.app-menu { .app-menu {
max-width: 27.25em; max-width: 27.25em;
.popup-menu-content { margin: $base_margin;}
&.panel-menu {
.popup-menu-content { margin: 0;} // avoid doubling up margin
}
// this is unneeded at the top-level in this menu, hide it // this is unneeded at the top-level in this menu, hide it
.popup-menu-ornament { width: 0 !important; } .popup-menu-ornament { width: 0 !important; }

View File

@ -1,15 +1,18 @@
/* Search */ /* Search */
// search overview container // search overview container
#searchResults {
margin: 0 $base_margin;
}
#searchResultsContent { #searchResultsContent {
max-width: 1024px; max-width: 1072px;
spacing: $base_margin * 2;
} }
// search results sections "the boxes" // search results sections "the boxes"
.search-section { .search-section {
// This should be equal to #searchResultsContent spacing // This should be equal to #searchResultsContent spacing
spacing: $base_margin * 2; spacing: $base_padding*3;
// separator (unstyled) // separator (unstyled)
.search-section-separator { .search-section-separator {
@ -23,27 +26,24 @@
background-color: lighten($system_bg_color, 5%); background-color: lighten($system_bg_color, 5%);
border-radius: $modal_radius*1.5; border-radius: $modal_radius*1.5;
border: 1px solid $osd_outer_borders_color; border: 1px solid $osd_outer_borders_color;
box-shadow: none;
text-shadow: none;
color: $osd_fg_color; color: $osd_fg_color;
padding: $base_padding*2; padding: $base_padding*2;
margin: $base_margin; margin:0 $base_margin*3;
// This is the space between the provider icon and the results container
} }
%search_section_content_item { %search_section_content_item {
@include tile_button($osd_fg_color); @include tile_button($osd_fg_color);
margin: $base_margin; border-radius: $base_border_radius+3px;
border-radius: $base_border_radius !important;
} }
// "no results" text // "no results" text
.search-statustext { .search-statustext {
@extend %large_title; @extend %title_1;
} }
.grid-search-results { .grid-search-results {
spacing: $base_padding * 6; spacing: $base_padding*5;
margin:0 $base_margin*3;
} }
// Search results with icons // Search results with icons
@ -54,6 +54,8 @@
// search result provider // search result provider
.search-provider-icon { .search-provider-icon {
@extend %search_section_content_item; @extend %search_section_content_item;
&:ltr {margin-right: $base_margin;}
&:rtl {margin-left: $base_margin;}
// content // content
.list-search-provider-content { .list-search-provider-content {

View File

@ -25,8 +25,9 @@ $switcher_border_radius: $modal_radius + 8px;
// each item in the list // each item in the list
.item-box { .item-box {
@include tile_button($osd_fg_color); @include tile_button($osd_fg_color);
// override over style so mouse doesn't steal focus
&:hover {background: none;}
} }
.separator { .separator {

View File

@ -4,7 +4,7 @@ GREEN='\033[0;32m'
YELLOW='\033[0;33m' YELLOW='\033[0;33m'
RESET='\033[0m' RESET='\033[0m'
VERSION=6b60a189fded722ae37a7d3e94d51a509a7d2df1 VERSION=42.rc
echo echo
printf " $YELLOW[ i ]$RESET Upstream version $VERSION\n" printf " $YELLOW[ i ]$RESET Upstream version $VERSION\n"