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

* 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>
pull/28217/head
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

View File

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