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

align badge and make it non-flex when collapsed

pull/21833/head
Bruno Windels 2018-10-16 14:54:30 +02:00
parent cc29dd08da
commit 8fa22d620a
1 changed files with 24 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
res/css/views/rooms/_RoomTile.scss
View File

@ -20,8 +20,8 @@ limitations under the License.
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
height: 40px; height: 40px;
margin: 0px 9px 0px 9px; margin: 0px 3px;
position: relative;
background-color: $secondary-accent-color; background-color: $secondary-accent-color;
} }
@ -69,20 +69,30 @@ limitations under the License.
/* color: rgba(69, 69, 69, 0.5); */ /* color: rgba(69, 69, 69, 0.5); */
} }
.collapsed .mx_RoomTile_name { .collapsed {
display: none; .mx_RoomTile_name {
} display: none;
}
.collapsed .mx_RoomTile_badge { .mx_RoomTile_badge {
min-width: 12px; min-width: 12px;
border-radius: 16px; border-radius: 16px;
padding: 0px 4px 0px 4px; padding: 0px 4px 0px 4px;
z-index: 3; z-index: 3;
} }
/* Hide the bottom of speech bubble */ /* Hide the bottom of speech bubble */
.collapsed .mx_RoomTile_highlight .mx_RoomTile_badge:after { .mx_RoomTile_highlight .mx_RoomTile_badge:after {
display: none; display: none;
}
.mx_RoomTile_badge {
display: block;
position: absolute;
height: 15px;
right: 5px;
top: 2px;
}
} }
/* This is the bottom of the speech bubble */ /* This is the bottom of the speech bubble */
@ -100,9 +110,6 @@ limitations under the License.
.mx_RoomTile_badge { .mx_RoomTile_badge {
flex: 0 1 content; flex: 0 1 content;
min-width: 15px; min-width: 15px;
height: 15px;
right: 8px; /*gutter */
top: 9px;
border-radius: 8px; border-radius: 8px;
color: $accent-fg-color; color: $accent-fg-color;
font-weight: 600; font-weight: 600;