sorb/ThreadNet-Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

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

Browse Source 
* #22204 Issue: Centered File info in lightbox

* #22204 Issue: Centered File info in lightbox
This commit is contained in:
Ayushman
2023-01-23 19:01:11 +00:00
committed by GitHub
parent c1c50ec182
commit 9aab7c5a35
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
res/css/views/elements/_ImageView.pcss
+8
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));
} }