diff --git a/res/css/structures/_GenericDropdownMenu.scss b/res/css/structures/_GenericDropdownMenu.scss index dda8a61540..e56ddbcefc 100644 --- a/res/css/structures/_GenericDropdownMenu.scss +++ b/res/css/structures/_GenericDropdownMenu.scss @@ -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 { diff --git a/res/css/views/directory/_NetworkDropdown.scss b/res/css/views/directory/_NetworkDropdown.scss index b5d5a8ed9e..8dbd7f020d 100644 --- a/res/css/views/directory/_NetworkDropdown.scss +++ b/res/css/views/directory/_NetworkDropdown.scss @@ -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;