HighContrast: adjust message dialog styling
This commit is contained in:
@ -2080,11 +2080,11 @@ calendar {
|
||||
* Dialogs *
|
||||
***********/
|
||||
|
||||
.message-dialog .dialog-action-area button {
|
||||
messagedialog .dialog-action-area button {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.message-dialog { // Message Dialog styling
|
||||
messagedialog { // Message Dialog styling
|
||||
.titlebar {
|
||||
border-style: none;
|
||||
box-shadow: inset 0 1px $borders_edge;
|
||||
|
||||
@ -2239,16 +2239,16 @@ calendar {
|
||||
/***********
|
||||
* Dialogs *
|
||||
***********/
|
||||
.message-dialog .dialog-action-area button {
|
||||
messagedialog .dialog-action-area button {
|
||||
padding: 8px; }
|
||||
|
||||
.message-dialog .titlebar {
|
||||
messagedialog .titlebar {
|
||||
border-style: none;
|
||||
box-shadow: inset 0 1px #fff; }
|
||||
.message-dialog.csd {
|
||||
messagedialog.csd {
|
||||
border-bottom-left-radius: 9px;
|
||||
border-bottom-right-radius: 9px; }
|
||||
.message-dialog.csd .dialog-action-area button {
|
||||
messagedialog.csd .dialog-action-area button {
|
||||
padding: 12px;
|
||||
border-radius: 0;
|
||||
border-width: 2px;
|
||||
@ -2257,21 +2257,21 @@ calendar {
|
||||
background-image: none;
|
||||
background-color: #fff;
|
||||
border-color: gray; }
|
||||
.message-dialog.csd .dialog-action-area button:hover {
|
||||
messagedialog.csd .dialog-action-area button:hover {
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
color: #000;
|
||||
background-color: #fff;
|
||||
border-color: gray;
|
||||
background-image: none; }
|
||||
.message-dialog.csd .dialog-action-area button:active {
|
||||
messagedialog.csd .dialog-action-area button:active {
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: black;
|
||||
border-color: gray; }
|
||||
.message-dialog.csd .dialog-action-area button:insensitive {
|
||||
messagedialog.csd .dialog-action-area button:insensitive {
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
color: gray;
|
||||
@ -2280,7 +2280,7 @@ calendar {
|
||||
background-image: none;
|
||||
text-shadow: none;
|
||||
icon-shadow: none; }
|
||||
.message-dialog.csd .dialog-action-area button:backdrop {
|
||||
messagedialog.csd .dialog-action-area button:backdrop {
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
color: #000;
|
||||
@ -2289,35 +2289,35 @@ calendar {
|
||||
background-image: none;
|
||||
text-shadow: none;
|
||||
icon-shadow: none; }
|
||||
.message-dialog.csd .dialog-action-area button:backdrop:insensitive {
|
||||
messagedialog.csd .dialog-action-area button:backdrop:insensitive {
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
color: gray;
|
||||
background-color: white;
|
||||
border-color: #8d8d8d;
|
||||
background-image: none; }
|
||||
.message-dialog.csd .dialog-action-area button.suggested-action {
|
||||
messagedialog.csd .dialog-action-area button.suggested-action {
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
color: white;
|
||||
background-image: none;
|
||||
background-color: #4a90d9;
|
||||
border-color: #1c5187; }
|
||||
.message-dialog.csd .dialog-action-area button.suggested-action:hover {
|
||||
messagedialog.csd .dialog-action-area button.suggested-action:hover {
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
color: white;
|
||||
background-color: #4a90d9;
|
||||
border-color: #1c5187;
|
||||
background-image: none; }
|
||||
.message-dialog.csd .dialog-action-area button.suggested-action:active {
|
||||
messagedialog.csd .dialog-action-area button.suggested-action:active {
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
background-image: none;
|
||||
color: black;
|
||||
background-color: #b56f26;
|
||||
border-color: #1c5187; }
|
||||
.message-dialog.csd .dialog-action-area button.suggested-action:backdrop {
|
||||
messagedialog.csd .dialog-action-area button.suggested-action:backdrop {
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
color: white;
|
||||
@ -2326,14 +2326,14 @@ calendar {
|
||||
background-image: none;
|
||||
text-shadow: none;
|
||||
icon-shadow: none; }
|
||||
.message-dialog.csd .dialog-action-area button.suggested-action:backdrop:insensitive {
|
||||
messagedialog.csd .dialog-action-area button.suggested-action:backdrop:insensitive {
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
color: gray;
|
||||
background-color: white;
|
||||
border-color: #8d8d8d;
|
||||
background-image: none; }
|
||||
.message-dialog.csd .dialog-action-area button.suggested-action:insensitive {
|
||||
messagedialog.csd .dialog-action-area button.suggested-action:insensitive {
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
color: gray;
|
||||
@ -2342,28 +2342,28 @@ calendar {
|
||||
background-image: none;
|
||||
text-shadow: none;
|
||||
icon-shadow: none; }
|
||||
.message-dialog.csd .dialog-action-area button.destructive-action {
|
||||
messagedialog.csd .dialog-action-area button.destructive-action {
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
color: white;
|
||||
background-image: none;
|
||||
background-color: #ef2929;
|
||||
border-color: #8e0b0b; }
|
||||
.message-dialog.csd .dialog-action-area button.destructive-action:hover {
|
||||
messagedialog.csd .dialog-action-area button.destructive-action:hover {
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
color: white;
|
||||
background-color: #ef2929;
|
||||
border-color: #8e0b0b;
|
||||
background-image: none; }
|
||||
.message-dialog.csd .dialog-action-area button.destructive-action:active {
|
||||
messagedialog.csd .dialog-action-area button.destructive-action:active {
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
background-image: none;
|
||||
color: black;
|
||||
background-color: #10d6d6;
|
||||
border-color: #8e0b0b; }
|
||||
.message-dialog.csd .dialog-action-area button.destructive-action:backdrop {
|
||||
messagedialog.csd .dialog-action-area button.destructive-action:backdrop {
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
color: white;
|
||||
@ -2372,14 +2372,14 @@ calendar {
|
||||
background-image: none;
|
||||
text-shadow: none;
|
||||
icon-shadow: none; }
|
||||
.message-dialog.csd .dialog-action-area button.destructive-action:backdrop:insensitive {
|
||||
messagedialog.csd .dialog-action-area button.destructive-action:backdrop:insensitive {
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
color: gray;
|
||||
background-color: white;
|
||||
border-color: #8d8d8d;
|
||||
background-image: none; }
|
||||
.message-dialog.csd .dialog-action-area button.destructive-action:insensitive {
|
||||
messagedialog.csd .dialog-action-area button.destructive-action:insensitive {
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
color: gray;
|
||||
@ -2388,12 +2388,12 @@ calendar {
|
||||
background-image: none;
|
||||
text-shadow: none;
|
||||
icon-shadow: none; }
|
||||
.message-dialog.csd .dialog-action-area button, .message-dialog.csd .dialog-action-area button:hover, .message-dialog.csd .dialog-action-area button:active, .message-dialog.csd .dialog-action-area button:insensitive, .message-dialog.csd .dialog-action-area button:backdrop, .message-dialog.csd .dialog-action-area button:backdrop:insensitive, .message-dialog.csd .dialog-action-area button.suggested-action, .message-dialog.csd .dialog-action-area button.suggested-action:hover, .message-dialog.csd .dialog-action-area button.suggested-action:active, .message-dialog.csd .dialog-action-area button.suggested-action:backdrop, .message-dialog.csd .dialog-action-area button.suggested-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area button.suggested-action:insensitive, .message-dialog.csd .dialog-action-area button.destructive-action, .message-dialog.csd .dialog-action-area button.destructive-action:hover, .message-dialog.csd .dialog-action-area button.destructive-action:active, .message-dialog.csd .dialog-action-area button.destructive-action:backdrop, .message-dialog.csd .dialog-action-area button.destructive-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area button.destructive-action:insensitive {
|
||||
messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover, messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:insensitive, messagedialog.csd .dialog-action-area button:backdrop, messagedialog.csd .dialog-action-area button:backdrop:insensitive, messagedialog.csd .dialog-action-area button.suggested-action, messagedialog.csd .dialog-action-area button.suggested-action:hover, messagedialog.csd .dialog-action-area button.suggested-action:active, messagedialog.csd .dialog-action-area button.suggested-action:backdrop, messagedialog.csd .dialog-action-area button.suggested-action:backdrop:insensitive, messagedialog.csd .dialog-action-area button.suggested-action:insensitive, messagedialog.csd .dialog-action-area button.destructive-action, messagedialog.csd .dialog-action-area button.destructive-action:hover, messagedialog.csd .dialog-action-area button.destructive-action:active, messagedialog.csd .dialog-action-area button.destructive-action:backdrop, messagedialog.csd .dialog-action-area button.destructive-action:backdrop:insensitive, messagedialog.csd .dialog-action-area button.destructive-action:insensitive {
|
||||
border-right-style: none;
|
||||
border-bottom-style: none; }
|
||||
.message-dialog.csd .dialog-action-area button:last-child {
|
||||
messagedialog.csd .dialog-action-area button:last-child {
|
||||
border-bottom-right-radius: 7px; }
|
||||
.message-dialog.csd .dialog-action-area button:first-child {
|
||||
messagedialog.csd .dialog-action-area button:first-child {
|
||||
border-left-style: none;
|
||||
border-bottom-left-radius: 7px; }
|
||||
|
||||
|
||||
Reference in New Issue
Block a user