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

#22204 Issue: Centered File info in lightbox (#9971) 

* #22204 Issue: Centered File info in lightbox

* #22204 Issue: Centered File info in lightbox
pull/28217/head
Ayushman 2023-01-24 00:31:11 +05:30 committed by GitHub
parent c1c50ec182
commit 9aab7c5a35
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
res/css/views/elements/_ImageView.pcss
View File

@ -67,6 +67,8 @@ $button-gap: 24px;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
color: $lightbox-fg-color; color: $lightbox-fg-color;
flex-grow: 1;
flex-basis: 0;
} }
.mx_ImageView_info { .mx_ImageView_info {
@ -82,6 +84,9 @@ $button-gap: 24px;
.mx_ImageView_title { .mx_ImageView_title {
color: $lightbox-fg-color; color: $lightbox-fg-color;
font-size: $font-12px; font-size: $font-12px;
flex-grow: 1;
flex-basis: 0;
text-align: center;
} }
.mx_ImageView_toolbar { .mx_ImageView_toolbar {
@ -89,6 +94,9 @@ $button-gap: 24px;
pointer-events: initial; pointer-events: initial;
display: flex; display: flex;
align-items: center; align-items: center;
flex-grow: 1;
flex-basis: 0;
justify-content: flex-end;
gap: calc($button-gap - ($button-size - $icon-size)); gap: calc($button-gap - ($button-size - $icon-size));
} }