Affordances for really tall messages
This commit is contained in:
parent
2e9eaa855a
commit
b32d068e83
12 changed files with 375 additions and 108 deletions
53
stylesheets/components/MessageBody.scss
Normal file
53
stylesheets/components/MessageBody.scss
Normal file
|
@ -0,0 +1,53 @@
|
|||
// Copyright 2021 Signal Messenger, LLC
|
||||
// SPDX-License-Identifier: AGPL-3.0-only
|
||||
|
||||
.MessageBody {
|
||||
&__highlight {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
&__read-more {
|
||||
@include button-reset;
|
||||
font-weight: bold;
|
||||
|
||||
&:focus {
|
||||
color: $color-ultramarine;
|
||||
}
|
||||
}
|
||||
|
||||
&__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;
|
||||
}
|
||||
|
||||
&--incoming {
|
||||
@include light-theme {
|
||||
background-color: $color-gray-20;
|
||||
}
|
||||
|
||||
@include dark-theme {
|
||||
background-color: $color-gray-60;
|
||||
}
|
||||
}
|
||||
|
||||
&--outgoing {
|
||||
background-color: $color-black-alpha-40;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue