makes notification-options design more compliant with existing design
This commit is contained in:
parent
ab700d86ba
commit
253672f3fa
|
@ -23,7 +23,7 @@
|
|||
|
||||
.select-box-row {
|
||||
margin: 0;
|
||||
padding: 5px 10px;
|
||||
padding: 10px 5px;
|
||||
|
||||
.icons {
|
||||
display: flex;
|
||||
|
@ -31,6 +31,7 @@
|
|||
justify-content: space-between;
|
||||
align-self: center;
|
||||
margin-right: 10px;
|
||||
margin-top: 2px;
|
||||
|
||||
.d-icon {
|
||||
font-size: 1.286em;
|
||||
|
@ -66,7 +67,7 @@
|
|||
}
|
||||
|
||||
&.is-highlighted {
|
||||
background: none;
|
||||
background: $tertiary-low;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
|
|
@ -1,26 +1,12 @@
|
|||
.notification-options.notification-options {
|
||||
.notification-options.notification-options.notification-options {
|
||||
.select-box-body {
|
||||
min-width: 550px;
|
||||
max-width: 550px;
|
||||
}
|
||||
|
||||
.select-box-row {
|
||||
&.is-highlighted .icons .selection-indicator {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.icons {
|
||||
align-self: flex-start;
|
||||
|
||||
.selection-indicator {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
background: $tertiary;
|
||||
visibility: hidden;
|
||||
border-radius: 12px;
|
||||
align-self: center;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue