Affordances for really tall messages
This commit is contained in:
parent
2e9eaa855a
commit
b32d068e83
12 changed files with 375 additions and 108 deletions
|
@ -4518,48 +4518,6 @@ button.module-image__border-overlay:focus {
|
|||
background-color: $color-white;
|
||||
}
|
||||
|
||||
// Module: Highlighted Message Body
|
||||
|
||||
.module-message-body__highlight {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.module-message-body__at-mention {
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
border: 1px solid transparent;
|
||||
|
||||
@include light-theme {
|
||||
background-color: $color-gray-20;
|
||||
}
|
||||
|
||||
@include dark-theme {
|
||||
background-color: $color-black-alpha-40;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
border: 1px solid $color-black;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.module-message-body__at-mention--incoming {
|
||||
@include light-theme {
|
||||
background-color: $color-gray-20;
|
||||
}
|
||||
|
||||
@include dark-theme {
|
||||
background-color: $color-gray-60;
|
||||
}
|
||||
}
|
||||
|
||||
.module-message-body__at-mention--outgoing {
|
||||
background-color: $color-black-alpha-40;
|
||||
}
|
||||
|
||||
// Module: Reaction Viewer
|
||||
|
||||
.module-reaction-viewer {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue