tweak paddings and margins on room tile
parent
521e035bf0
commit
3d5395e784
|
@ -20,7 +20,8 @@ limitations under the License.
|
||||||
align-items: center;
|
align-items: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
margin: 0px 3px;
|
margin: 0 12px;
|
||||||
|
padding: 2px 12px;
|
||||||
position: relative;
|
position: relative;
|
||||||
background-color: $secondary-accent-color;
|
background-color: $secondary-accent-color;
|
||||||
}
|
}
|
||||||
|
@ -34,10 +35,7 @@ limitations under the License.
|
||||||
|
|
||||||
.mx_RoomTile_avatar {
|
.mx_RoomTile_avatar {
|
||||||
flex: 0;
|
flex: 0;
|
||||||
padding-top: 4px;
|
padding: 4px;
|
||||||
padding-bottom: 4px;
|
|
||||||
padding-left: 14px;
|
|
||||||
padding-right: 12px;
|
|
||||||
width: 32px;
|
width: 32px;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
}
|
}
|
||||||
|
@ -56,7 +54,7 @@ limitations under the License.
|
||||||
|
|
||||||
.mx_RoomTile_name {
|
.mx_RoomTile_name {
|
||||||
flex: 1 5 auto;
|
flex: 1 5 auto;
|
||||||
font-size: 14px;
|
font-size: 16px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
color: $roomtile-name-color;
|
color: $roomtile-name-color;
|
||||||
|
@ -70,6 +68,11 @@ limitations under the License.
|
||||||
}
|
}
|
||||||
|
|
||||||
.collapsed {
|
.collapsed {
|
||||||
|
.mx_RoomTile {
|
||||||
|
margin: 2px;
|
||||||
|
padding: 2px 0 2px 12px;
|
||||||
|
}
|
||||||
|
|
||||||
.mx_RoomTile_name {
|
.mx_RoomTile_name {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue