1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-22 14:59:41 +02:00
portainer/app/react/components/PageHeader/HeaderTitle.module.css
fhanportainer 0242c8e4ef
fix(dropdown): fixed dropdown menu background color in dark mode. [EE-4026] (#7591)
* fix(dropdown): fixed dropdown menu background color in dark mode. [EE-4026]

* fix(dropdown): fixed table setting background color in dark mode.

* fix(dropdown): updated --bg-dropdown-menu-color in dark theme.

* fix(dropdown): fixed dropdown border radius issue

* fix(dropdown): fixed dropdown option text color in dark mode
2022-09-14 10:16:02 +12:00

46 lines
897 B
CSS

.menu-button {
border: 0px;
font-size: 17px;
background: none;
margin-right: 15px;
display: flex;
align-items: center;
}
.menu-icon {
background: var(--user-menu-icon-color);
}
.menu-list {
background: var(--bg-dropdown-menu-color);
border-radius: 8px;
border: 1px solid var(--ui-gray-5) !important;
width: 180px;
padding: 5px !important;
box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
@apply th-dark:!border-none;
@apply th-highcontrast:!border-none;
}
.menu-link {
display: block;
padding: 5px 20px;
font-weight: 500;
line-height: 1.42857143;
white-space: nowrap;
font-size: 14px;
color: var(--text-dropdown-menu-color);
text-decoration: none !important;
border-radius: 5px;
}
.arrow-down {
width: 18px;
height: 18px;
margin-left: 10px;
}
.menu-link:hover {
background: var(--bg-dropdown-hover);
color: var(--text-dropdown-menu-color);
}