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

File panel spacing and corner rounding

pull/21833/head
Jorik Schellekens 2020-07-27 15:16:28 +01:00
parent d55699211e
commit 1d6c2b786e
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
res/css/structures/_FilePanel.scss
View File

@ -41,13 +41,19 @@ limitations under the License.
.mx_FilePanel .mx_EventTile { .mx_FilePanel .mx_EventTile {
word-break: break-word; word-break: break-word;
margin-top: 32px;
} }
.mx_FilePanel .mx_EventTile .mx_MImageBody { .mx_FilePanel .mx_EventTile .mx_MImageBody {
margin-right: 0px; margin-right: 0px;
} }
.mx_FilePanel .mx_EventTile .mx_MFileBody {
line-height: 2.4rem;
}
.mx_FilePanel .mx_EventTile .mx_MFileBody_download { .mx_FilePanel .mx_EventTile .mx_MFileBody_download {
padding-top: 8px;
display: flex; display: flex;
font-size: $font-14px; font-size: $font-14px;
color: $event-timestamp-color; color: $event-timestamp-color;
@ -60,7 +66,7 @@ limitations under the License.
.mx_FilePanel .mx_EventTile .mx_MImageBody_size { .mx_FilePanel .mx_EventTile .mx_MImageBody_size {
flex: 1 0 0; flex: 1 0 0;
font-size: $font-11px; font-size: $font-14px;
text-align: right; text-align: right;
white-space: nowrap; white-space: nowrap;
} }
@ -80,7 +86,7 @@ limitations under the License.
flex: 1 1 auto; flex: 1 1 auto;
line-height: initial; line-height: initial;
padding: 0px; padding: 0px;
font-size: $font-11px; font-size: $font-14px;
opacity: 1.0; opacity: 1.0;
color: $event-timestamp-color; color: $event-timestamp-color;
} }
@ -90,7 +96,7 @@ limitations under the License.
text-align: right; text-align: right;
visibility: visible; visibility: visible;
position: initial; position: initial;
font-size: $font-11px; font-size: $font-14px;
opacity: 1.0; opacity: 1.0;
color: $event-timestamp-color; color: $event-timestamp-color;
} }

2
res/css/views/messages/_MImageBody.scss
View File

@ -34,6 +34,8 @@ limitations under the License.
// Make sure the _thumbnail is positioned relative to the _container // Make sure the _thumbnail is positioned relative to the _container
position: relative; position: relative;
border-radius: 4px;
} }
.mx_MImageBody_thumbnail_spinner { .mx_MImageBody_thumbnail_spinner {