imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix CSS for uploading-files in threads (#11751)

Browse source 
* Fix CSS for uploading-files in threads

* fix-close button to stick at top of container

* re-align close button

* re-align close button

---------

Co-authored-by: Kerry <kerrya@element.io>
This commit is contained in:
Dharshan 2023-10-19 09:37:38 +05:30 • committed by GitHub
parent 1d9c24e96e
commit 3902ce9c40
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
res/css/structures/_UploadBar.pcss
View file

@ -16,6 +16,7 @@ limitations under the License.
.mx_UploadBar { .mx_UploadBar {
padding-left: 65px; /* line up with the shield area in the composer */ padding-left: 65px; /* line up with the shield area in the composer */
padding-top: 5px;
position: relative; position: relative;
.mx_ProgressBar { .mx_ProgressBar {
@ -30,9 +31,9 @@ limitations under the License.
} }
.mx_UploadBar_filename { .mx_UploadBar_filename {
margin-top: 5px;
color: $muted-fg-color; color: $muted-fg-color;
position: relative; position: relative;
padding-right: 38px; /* 32px for cancel icon, 6px for padding */
padding-left: 22px; /* 18px for icon, 4px for padding */ padding-left: 22px; /* 18px for icon, 4px for padding */
font-size: $font-15px; font-size: $font-15px;
vertical-align: middle; vertical-align: middle;
@ -58,6 +59,7 @@ limitations under the License.
height: 16px; height: 16px;
width: 16px; width: 16px;
margin-right: 16px; /* align over rightmost button in composer */ margin-right: 16px; /* align over rightmost button in composer */
margin-top: 5px;
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-position: center; mask-position: center;
background-color: $muted-fg-color; background-color: $muted-fg-color;