mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-22 17:25:50 +03:00
Code Issues Projects Releases Packages Wiki Activity

Improve homeserver dropdown dialog styling (#8850)

Browse source
This commit is contained in:
Janne Mareike Koschinski 2022-06-17 16:29:03 +02:00 committed by GitHub
parent b51ef246ab
commit 162be6ca94
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 36 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
res/css/structures/_GenericDropdownMenu.scss
View file

@ -72,7 +72,7 @@ limitations under the License.
height: 0;
margin-left: 4px;
margin-right: 19px;
border-top: 1px solid $system;
border-top: 1px solid $quinary-content;
}
.mx_GenericDropdownMenu_Option {
@ -102,7 +102,7 @@ limitations under the License.
&.mx_GenericDropdownMenu_Option--item {
&:hover {
background-color: $event-selected-color;
background-color: $menu-selected-color;
}
&[aria-checked="true"]::before {

36
res/css/views/directory/_NetworkDropdown.scss
View file

@ -15,7 +15,39 @@ limitations under the License.
*/
.mx_NetworkDropdown_wrapper .mx_ContextualMenu {
min-width: 200px;
.mx_GenericDropdownMenu_Option {
&.mx_GenericDropdownMenu_Option--header {
padding-top: $spacing-12;
padding-bottom: $spacing-4;
min-width: 160px;
}
&.mx_GenericDropdownMenu_Option--item {
padding-top: $spacing-4;
padding-bottom: $spacing-4;
> .mx_GenericDropdownMenu_Option--label span:first-child {
font-weight: normal;
}
}
> .mx_GenericDropdownMenu_Option--label {
flex-direction: row;
align-items: baseline;
align-content: baseline;
color: $primary-content;
span:not(:first-child) {
margin-left: $spacing-4;
color: $secondary-content;
}
}
}
.mx_GenericDropdownMenu_divider {
margin-top: $spacing-4;
margin-bottom: $spacing-4;
}
}
.mx_NetworkDropdown_addServer {
@ -28,7 +60,7 @@ limitations under the License.
display: inline-block;
width: 16px;
height: 16px;
background: $system;
background: $quinary-content;
border-radius: 8px;
text-align: center;
line-height: 16px;