align badges with design
This commit is contained in:
parent
1d77a67683
commit
010f077092
2 changed files with 6 additions and 45 deletions
|
@ -28,6 +28,7 @@ limitations under the License.
|
|||
.mx_RoomSubList_labelContainer {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
flex: 0 0 auto;
|
||||
margin: 8px 19px 0 0;
|
||||
}
|
||||
|
@ -56,14 +57,12 @@ limitations under the License.
|
|||
}
|
||||
|
||||
.mx_RoomSubList_badge {
|
||||
height: 18px;
|
||||
border-radius: 9px;
|
||||
flex: 0 1 content;
|
||||
border-radius: 8px;
|
||||
color: $accent-fg-color;
|
||||
font-weight: 600;
|
||||
font-size: 12px;
|
||||
vertical-align: middle;
|
||||
line-height: 18px;
|
||||
padding: 0 4px;
|
||||
padding: 0 5px;
|
||||
background-color: $accent-color;
|
||||
}
|
||||
|
||||
|
@ -92,18 +91,6 @@ limitations under the License.
|
|||
background-color: $warning-color;
|
||||
}
|
||||
|
||||
/* This is the bottom of the speech bubble */
|
||||
.mx_RoomSubList_badgeHighlight:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin-left: 5px;
|
||||
border-top: 5px solid $warning-color;
|
||||
border-right: 7px solid transparent;
|
||||
}
|
||||
|
||||
.mx_RoomSubList_chevron {
|
||||
left: 0px;
|
||||
pointer-events: none;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue