This commit is contained in:
vinceliuice
2020-12-13 12:56:16 +08:00
parent 989c3be9f5
commit ef6ac4fd65
10 changed files with 161 additions and 29 deletions

View File

@@ -2821,19 +2821,31 @@ StWidget.focused .app-well-app-running-dot {
background-color: transparent;
color: #afafaf;
font-weight: 500;
border-width: 0;
}
.notification-banner .notification-button:first-child {
border-radius: 0 0 0 2px;
border-radius: 0 0 0 6px;
}
.notification-banner .notification-button:last-child {
border-radius: 0 0 2px 0;
border-radius: 0 0 6px 0;
}
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child {
border-radius: 0 0 6px 6px;
}
.notification-banner .notification-button:focus {
background-color: transparent;
color: #afafaf;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.06);
}
.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
background-color: rgba(255, 255, 255, 0.06);
color: #dedede;
box-shadow: none;
}
.notification-banner .notification-button:active {

View File

@@ -2821,19 +2821,31 @@ StWidget.focused .app-well-app-running-dot {
background-color: transparent;
color: #afafaf;
font-weight: 500;
border-width: 0;
}
.notification-banner .notification-button:first-child {
border-radius: 0 0 0 2px;
border-radius: 0 0 0 6px;
}
.notification-banner .notification-button:last-child {
border-radius: 0 0 2px 0;
border-radius: 0 0 6px 0;
}
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child {
border-radius: 0 0 6px 6px;
}
.notification-banner .notification-button:focus {
background-color: transparent;
color: #afafaf;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.06);
}
.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
background-color: rgba(255, 255, 255, 0.06);
color: #dedede;
box-shadow: none;
}
.notification-banner .notification-button:active {

View File

@@ -2821,19 +2821,31 @@ StWidget.focused .app-well-app-running-dot {
background-color: transparent;
color: #afafaf;
font-weight: 500;
border-width: 0;
}
.notification-banner .notification-button:first-child {
border-radius: 0 0 0 2px;
border-radius: 0 0 0 6px;
}
.notification-banner .notification-button:last-child {
border-radius: 0 0 2px 0;
border-radius: 0 0 6px 0;
}
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child {
border-radius: 0 0 6px 6px;
}
.notification-banner .notification-button:focus {
background-color: transparent;
color: #afafaf;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.06);
}
.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
background-color: rgba(255, 255, 255, 0.06);
color: #dedede;
box-shadow: none;
}
.notification-banner .notification-button:active {

View File

@@ -2821,19 +2821,31 @@ StWidget.focused .app-well-app-running-dot {
background-color: transparent;
color: #afafaf;
font-weight: 500;
border-width: 0;
}
.notification-banner .notification-button:first-child {
border-radius: 0 0 0 2px;
border-radius: 0 0 0 6px;
}
.notification-banner .notification-button:last-child {
border-radius: 0 0 2px 0;
border-radius: 0 0 6px 0;
}
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child {
border-radius: 0 0 6px 6px;
}
.notification-banner .notification-button:focus {
background-color: transparent;
color: #afafaf;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.06);
}
.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
background-color: rgba(255, 255, 255, 0.06);
color: #dedede;
box-shadow: none;
}
.notification-banner .notification-button:active {

View File

@@ -2821,19 +2821,31 @@ StWidget.focused .app-well-app-running-dot {
background-color: transparent;
color: #424242;
font-weight: 500;
border-width: 0;
}
.notification-banner .notification-button:first-child {
border-radius: 0 0 0 2px;
border-radius: 0 0 0 6px;
}
.notification-banner .notification-button:last-child {
border-radius: 0 0 2px 0;
border-radius: 0 0 6px 0;
}
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child {
border-radius: 0 0 6px 6px;
}
.notification-banner .notification-button:focus {
background-color: transparent;
color: #424242;
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
}
.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
background-color: rgba(0, 0, 0, 0.12);
color: #242424;
box-shadow: none;
}
.notification-banner .notification-button:active {

View File

@@ -2821,19 +2821,31 @@ StWidget.focused .app-well-app-running-dot {
background-color: transparent;
color: #424242;
font-weight: 500;
border-width: 0;
}
.notification-banner .notification-button:first-child {
border-radius: 0 0 0 2px;
border-radius: 0 0 0 6px;
}
.notification-banner .notification-button:last-child {
border-radius: 0 0 2px 0;
border-radius: 0 0 6px 0;
}
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child {
border-radius: 0 0 6px 6px;
}
.notification-banner .notification-button:focus {
background-color: transparent;
color: #424242;
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
}
.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
background-color: rgba(0, 0, 0, 0.12);
color: #242424;
box-shadow: none;
}
.notification-banner .notification-button:active {

View File

@@ -2821,19 +2821,31 @@ StWidget.focused .app-well-app-running-dot {
background-color: transparent;
color: #424242;
font-weight: 500;
border-width: 0;
}
.notification-banner .notification-button:first-child {
border-radius: 0 0 0 2px;
border-radius: 0 0 0 6px;
}
.notification-banner .notification-button:last-child {
border-radius: 0 0 2px 0;
border-radius: 0 0 6px 0;
}
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child {
border-radius: 0 0 6px 6px;
}
.notification-banner .notification-button:focus {
background-color: transparent;
color: #424242;
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
}
.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
background-color: rgba(0, 0, 0, 0.12);
color: #242424;
box-shadow: none;
}
.notification-banner .notification-button:active {

View File

@@ -2821,19 +2821,31 @@ StWidget.focused .app-well-app-running-dot {
background-color: transparent;
color: #424242;
font-weight: 500;
border-width: 0;
}
.notification-banner .notification-button:first-child {
border-radius: 0 0 0 2px;
border-radius: 0 0 0 6px;
}
.notification-banner .notification-button:last-child {
border-radius: 0 0 2px 0;
border-radius: 0 0 6px 0;
}
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child {
border-radius: 0 0 6px 6px;
}
.notification-banner .notification-button:focus {
background-color: transparent;
color: #424242;
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
}
.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
background-color: rgba(0, 0, 0, 0.12);
color: #242424;
box-shadow: none;
}
.notification-banner .notification-button:active {