Colors update contact name colors
This commit is contained in:
parent
36c15fead4
commit
6d7849e6c7
9 changed files with 274 additions and 237 deletions
|
@ -4,6 +4,21 @@
|
|||
.ChatColorPicker {
|
||||
$bubble-size: 40px;
|
||||
|
||||
&__container {
|
||||
max-width: 748px;
|
||||
margin: 0 auto;
|
||||
|
||||
hr {
|
||||
@include light-theme {
|
||||
border-color: $color-gray-15;
|
||||
}
|
||||
|
||||
@include dark-theme {
|
||||
border-color: $color-gray-75;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__bubbles {
|
||||
align-items: center;
|
||||
display: grid;
|
||||
|
@ -26,25 +41,23 @@
|
|||
@include dark-theme {
|
||||
border-color: $color-white;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
&::after {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
@include color-svg(
|
||||
'../images/icons/v2/more-horiz-24.svg',
|
||||
$color-gray-05
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include keyboard-mode {
|
||||
&:focus {
|
||||
border-color: $color-ultramarine;
|
||||
outline: none;
|
||||
&:focus {
|
||||
border-color: $color-ultramarine;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
&--custom-selected {
|
||||
&::after {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
@include color-svg(
|
||||
'../images/icons/v2/more-horiz-24.svg',
|
||||
$color-gray-05
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -55,4 +68,9 @@
|
|||
height: 24px;
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
// specificity
|
||||
&__modal__body.module-Modal__body {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue