mirror of
https://github.com/element-hq/element-web
synced 2024-11-23 17:56:01 +03:00
Adjust padding and margins on user menu
This commit is contained in:
parent
2b58875c7f
commit
9f5a716cc5
2 changed files with 3 additions and 8 deletions
|
@ -596,14 +596,14 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus {
|
||||||
}
|
}
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
padding-bottom: 20px;
|
padding-bottom: 16px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_IconizedContextMenu_optionList {
|
.mx_IconizedContextMenu_optionList {
|
||||||
// the notFirst class is for cases where the optionList might be under a header of sorts.
|
// the notFirst class is for cases where the optionList might be under a header of sorts.
|
||||||
&:nth-child(n + 2), .mx_IconizedContextMenu_optionList_notFirst {
|
&:nth-child(n + 2), .mx_IconizedContextMenu_optionList_notFirst {
|
||||||
margin-top: 20px;
|
margin-top: 12px;
|
||||||
|
|
||||||
// This is a bit of a hack when we could just use a simple border-top property,
|
// This is a bit of a hack when we could just use a simple border-top property,
|
||||||
// however we have a (kinda) good reason for doing it this way: we need opacity.
|
// however we have a (kinda) good reason for doing it this way: we need opacity.
|
||||||
|
@ -634,7 +634,7 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus {
|
||||||
|
|
||||||
li {
|
li {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 20px 0 0;
|
padding: 12px 0 0;
|
||||||
|
|
||||||
.mx_AccessibleButton {
|
.mx_AccessibleButton {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
|
@ -45,11 +45,6 @@ limitations under the License.
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
&:nth-child(n + 1) {
|
|
||||||
// The first header will have appropriate padding, subsequent ones need a margin.
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mx_UserMenuButton_contextMenu_name {
|
.mx_UserMenuButton_contextMenu_name {
|
||||||
// Create another flexbox of columns to handle large user IDs
|
// Create another flexbox of columns to handle large user IDs
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
Loading…
Reference in a new issue