OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Add box-shadow to the reply preview on the main (left) panel only (#8397) 

Remove the box-shadow from the preview on the (right) panel for threads and a chat with a maximized widget.

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
pull/28788/head^2
Suguru Hirahara 2022-05-09 06:35:17 +00:00 committed by GitHub
parent 50a714de4a
commit cd8bdc1f54
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
res/css/views/rooms/_ReplyPreview.scss
View File

@ -16,12 +16,10 @@ limitations under the License.
.mx_ReplyPreview { .mx_ReplyPreview {
border: 1px solid $primary-hairline-color; border: 1px solid $primary-hairline-color;
background: $background;
border-bottom: none; border-bottom: none;
border-radius: 8px 8px 0 0; background: $background;
max-height: 50vh; max-height: 50vh;
overflow: auto; overflow: auto;
box-shadow: 0px -16px 32px $composer-shadow-color;
.mx_ReplyPreview_section { .mx_ReplyPreview_section {
border-bottom: 1px solid $primary-hairline-color; border-bottom: 1px solid $primary-hairline-color;
@ -53,3 +51,12 @@ limitations under the License.
} }
} }
} }
.mx_RoomView_body {
.mx_ReplyPreview {
// Add box-shadow to the reply preview on the main (left) panel only.
// It is not added to the preview on the (right) panel for threads and a chat with a maximized widget.
box-shadow: 0px -16px 32px $composer-shadow-color;
border-radius: 8px 8px 0 0;
}
}