GDM fixes, move modal to external file

This commit is contained in:
Vladyslav Hroshev
2025-03-09 12:54:23 +02:00
parent 6976a4ee29
commit f101817572
4 changed files with 100 additions and 100 deletions

View File

@@ -221,7 +221,8 @@
}
#dash .app-grid-running-dot {
offset-y: -4px;
margin-bottom: 0 !important;
offset-y: -4px !important;
}
#dash .app-well-app:hover .app-well-app-running-dot,

View File

@@ -0,0 +1,95 @@
/* Modal dialog */
.modal-dialog {
border-radius: 20px;
padding: 12px;
background-color: BACKGROUND-COLOR;
border: none;
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
color: TEXT-PRIMARY-COLOR;
}
.end-session-dialog {
width: 28em;
}
/* user avatar */
.user-icon {
border-radius: 999px;
color: TEXT-PRIMARY-COLOR;
background-color: ACCENT-DISABLED-COLOR;
box-shadow: inset 0 0 0 1px BORDER-MENU-SHADOW;
}
.user-icon.user-avatar {
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
}
/* password entry */
.prompt-dialog-password-entry {
background-color: SECTION-COLOR;
}
/* button in modals */
.modal-dialog-linked-button, /* 46 */
.modal-dialog-button-box .modal-dialog-button, /* 47+ */
.notification-button {
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
border-radius: 12px;
background-color: ACCENT-DISABLED-COLOR;
color: TEXT-PRIMARY-COLOR;
animation-duration: 100ms;
}
.modal-dialog-button-box .modal-dialog-button:focus {
box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR !important;
}
.modal-dialog-linked-button {
padding: 10px 0;
border-radius: 12px;
}
.notification-button {
padding: 7px 12px;
border-radius: 10px;
}
/* see button spacing in ..46 and 47.. */
.modal-dialog-linked-button:hover,
.modal-dialog-linked-button:focus,
.notification-button:hover,
.notification-button:focus {
background: ACCENT-DISABLED_HOVER;
color: TEXT-PRIMARY-COLOR;
}
.modal-dialog-linked-button:last-child {
background-color: BUTTON-COLOR;
color: BUTTON-TEXT-COLOR;
}
.modal-dialog-linked-button:last-child:hover,
.modal-dialog-linked-button:last-child:focus {
background-color: BUTTON_HOVER;
}
.modal-dialog-linked-button:focus {
animation-duration: 100ms;
box-shadow: inset 0 0 0 1px TEXT-DISABLED-COLOR !important;
}
.modal-dialog-linked-button:focus:hover,
.notification-button:focus:hover,
.modal-dialog-linked-button:focus:active,
.notification-button:focus:active {
box-shadow: inset 0 0 0 1px TEXT-SECONDARY-COLOR !important;
}
.modal-dialog .modal-dialog-linked-button:insensitive,
.notification-banner .notification-button:insensitive {
color: BUTTON-TEXT_SECONDARY;
background-color: BUTTON_INSENSITIVE;
}

View File

@@ -60,99 +60,3 @@
padding: 5px 20px;
margin: 5px;
}
/* Modal dialog */
.modal-dialog {
border-radius: 20px;
padding: 12px;
background-color: BACKGROUND-COLOR;
border: none;
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
color: TEXT-PRIMARY-COLOR;
}
.end-session-dialog {
width: 28em;
}
/* user avatar */
.user-icon {
border-radius: 999px;
color: TEXT-PRIMARY-COLOR;
background-color: ACCENT-DISABLED-COLOR;
box-shadow: inset 0 0 0 1px BORDER-MENU-SHADOW;
}
.user-icon.user-avatar {
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
}
/* password entry */
.prompt-dialog-password-entry {
background-color: SECTION-COLOR;
}
/* button in modals */
.modal-dialog-linked-button, /* 46 */
.modal-dialog-button-box .modal-dialog-button, /* 47+ */
.notification-button {
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
background-color: ACCENT-DISABLED-COLOR;
color: TEXT-PRIMARY-COLOR;
animation-duration: 100ms;
}
.modal-dialog-button-box .modal-dialog-button:focus {
box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR !important;
}
.modal-dialog-linked-button {
padding: 10px 0;
border-radius: 12px;
}
.notification-button {
padding: 7px 12px;
border-radius: 10px;
}
/* see button spacing in ..46 and 47.. */
.modal-dialog-linked-button:hover,
.modal-dialog-linked-button:focus,
.notification-button:hover,
.notification-button:focus {
background: ACCENT-DISABLED_HOVER;
color: TEXT-PRIMARY-COLOR;
}
.modal-dialog-linked-button:last-child {
background-color: BUTTON-COLOR;
color: BUTTON-TEXT-COLOR;
}
.modal-dialog-linked-button:last-child:hover,
.modal-dialog-linked-button:last-child:focus {
background-color: BUTTON_HOVER;
}
.modal-dialog-linked-button:focus {
animation-duration: 100ms;
box-shadow: inset 0 0 0 1px TEXT-DISABLED-COLOR !important;
}
.modal-dialog-linked-button:focus:hover,
.notification-button:focus:hover,
.modal-dialog-linked-button:focus:active,
.notification-button:focus:active {
box-shadow: inset 0 0 0 1px TEXT-SECONDARY-COLOR !important;
}
.modal-dialog .modal-dialog-linked-button:insensitive,
.notification-banner .notification-button:insensitive {
color: BUTTON-TEXT_SECONDARY;
background-color: BUTTON_INSENSITIVE;
}

View File

@@ -20,18 +20,18 @@
}
/* allows to shrink horizontal padding for app icons */
.panel-button { -natural-hpadding: 6px; }
.panel-button { -natural-hpadding: 6px !important; }
.panel-status-indicators-box:first-child { padding-left: 3px; }
.panel-status-indicators-box:last-child { padding-right: 3px; }
.panel-status-indicators-box:first-child:last-child { padding: 0; }
.panel-button#panelActivities { -natural-hpadding: 10px; }
.panel-button#panelActivities { -natural-hpadding: 10px !important; }
/* panel buttons */
.panel-button,
.panel-button .clock { /* DND / new messages icon */
color: TEXT-PRIMARY-COLOR;
border-radius: 9px;
border-width: 0px;
border-width: 0 !important;
background-color: ACCENT-DISABLED-COLOR;
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
}