Fix minor issues with the badges in the new room list
Fixes https://github.com/vector-im/riot-web/issues/14225
This commit is contained in:
parent
ae5ab4c394
commit
afa71c7b7c
2 changed files with 2 additions and 1 deletions
|
@ -92,7 +92,7 @@ limitations under the License.
|
||||||
|
|
||||||
// Apply the width and margin to the badge so the container doesn't occupy dead space
|
// Apply the width and margin to the badge so the container doesn't occupy dead space
|
||||||
.mx_NotificationBadge {
|
.mx_NotificationBadge {
|
||||||
width: 16px;
|
// Do not set a width so the badges get properly sized
|
||||||
margin-left: 8px; // same as menu+aux buttons
|
margin-left: 8px; // same as menu+aux buttons
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -85,6 +85,7 @@ limitations under the License.
|
||||||
height: 16px;
|
height: 16px;
|
||||||
// don't set width so that it takes no space when there is no badge to show
|
// don't set width so that it takes no space when there is no badge to show
|
||||||
margin: auto 0; // vertically align
|
margin: auto 0; // vertically align
|
||||||
|
position: relative; // fixes badge alignment in some scenarios
|
||||||
|
|
||||||
// Create a flexbox to make aligning dot badges easier
|
// Create a flexbox to make aligning dot badges easier
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue