mirror of
https://github.com/vector-im/element-web.git
synced 2026-05-04 11:51:36 +02:00
Fix word wrapping in expanded left panel buttons (#31377)
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
parent
7ca4c8bd7f
commit
44cbd260dc
@ -36,6 +36,8 @@ Please see LICENSE files in the repository root for full details.
|
||||
|
||||
/* align with settings icon */
|
||||
margin-left: 21px;
|
||||
margin-right: 8px;
|
||||
width: 100%;
|
||||
|
||||
/**
|
||||
* modify internal css of the compound component
|
||||
@ -50,7 +52,8 @@ Please see LICENSE files in the repository root for full details.
|
||||
/* align with settings label */
|
||||
margin-right: 14px;
|
||||
/* required to set the icon width when into a flex container */
|
||||
min-width: 24px;
|
||||
width: 24px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
& .mx_QuickSettingsButton_label {
|
||||
|
||||
@ -23,6 +23,8 @@
|
||||
|
||||
/* align with settings icon */
|
||||
margin-left: 21px;
|
||||
margin-right: 8px;
|
||||
width: 100%;
|
||||
|
||||
/**
|
||||
* modify internal css of the compound component
|
||||
@ -31,13 +33,20 @@
|
||||
& > div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
&::before {
|
||||
inline-size: 8px;
|
||||
block-size: 8px;
|
||||
left: 17px;
|
||||
}
|
||||
}
|
||||
|
||||
& .mx_ThreadsActivityCentreButton_Icon {
|
||||
/* align with settings label */
|
||||
margin-right: 14px;
|
||||
/* required to set the icon width when into a flex container */
|
||||
min-width: 24px;
|
||||
width: 24px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
& .mx_ThreadsActivityCentreButton_Text {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user