Timeline: Spacing and message selection tweaks
This commit is contained in:
parent
0e31659682
commit
53ca6672a9
3 changed files with 24 additions and 13 deletions
|
@ -84,6 +84,21 @@
|
|||
}
|
||||
}
|
||||
|
||||
@keyframes module-message__highlight {
|
||||
0% {
|
||||
filter: none;
|
||||
}
|
||||
33% {
|
||||
filter: brightness(50%);
|
||||
}
|
||||
66% {
|
||||
filter: brightness(50%);
|
||||
}
|
||||
100% {
|
||||
filter: none;
|
||||
}
|
||||
}
|
||||
|
||||
.module-message--outgoing {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
@ -143,7 +158,7 @@
|
|||
|
||||
.module-message--selected & {
|
||||
@include mouse-mode {
|
||||
background-color: $color-ultramarine;
|
||||
background-color: $color-gray-60;
|
||||
}
|
||||
@include dark-mouse-mode {
|
||||
background-color: $color-white;
|
||||
|
@ -152,7 +167,7 @@
|
|||
|
||||
.module-message:focus & {
|
||||
@include keyboard-mode {
|
||||
background-color: $color-ultramarine;
|
||||
background-color: $color-gray-60;
|
||||
}
|
||||
@include dark-keyboard-mode {
|
||||
background-color: $color-white;
|
||||
|
@ -298,12 +313,9 @@
|
|||
}
|
||||
}
|
||||
|
||||
.module-message--selected {
|
||||
.module-message__container--selected {
|
||||
@include mouse-mode {
|
||||
background: $color-selected-message-background-light;
|
||||
}
|
||||
@include dark-mouse-mode {
|
||||
background: $color-selected-message-background-dark;
|
||||
animation: module-message__highlight 1.2s linear;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -317,7 +329,7 @@
|
|||
}
|
||||
|
||||
.module-message__container--emoji {
|
||||
padding-top: 0;
|
||||
padding-top: 4px;
|
||||
|
||||
.module-message__text--outgoing {
|
||||
text-align: right;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue