mirror/FreshRSS
0
0
Fork 0
mirror of https://github.com/FreshRSS/FreshRSS.git synced 2026-07-29 00:07:21 -04:00
Code Issues Packages Projects Releases Wiki Activity

Improved: config dropdown structure (#4891)

Browse Source 
* phtml and frss.css

* theme Origine

* theme adark

* theme Ansum

* theme Mapco

* theme BlueLagoon

* theme dark

* theme flat

* theme nord

* theme Screwdriver

* theme swage

* fix

* fix

* RTL

* fix nord theme

* fix SourceMap lines
This commit is contained in:
maTh
2022-11-23 22:40:23 +01:00
committed by GitHub
parent c9f5012f10
commit ef5483490c
28 changed files with 553 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
app/layout/header.phtml
View File

@@ -48,38 +48,59 @@
<ul class="dropdown-menu scrollbar-thin">
<li class="dropdown-header-close"><a class="toggle_aside" href="#close"><?= _i('close') ?></a></li>
<li class="dropdown-header"><?= _t('gen.menu.account') ?>: <?= htmlspecialchars(Minz_Session::param('currentUser', '_'), ENT_NOQUOTES, 'UTF-8') ?></li>
<li class="item"><a href="<?= _url('user', 'profile') ?>"><?= _t('gen.menu.user_profile') ?></a></li>
<?php if (FreshRSS_Auth::accessNeedsAction()): ?>
<li class="item"><a class="signout" href="<?= _url('auth', 'logout') ?>"><?= _t('gen.auth.logout'); ?><?= _i('logout') ?></a></li>
<?php else: ?>
<li class="item"><span class="signout">(<?= htmlspecialchars(Minz_Session::param('currentUser', '_'), ENT_NOQUOTES, 'UTF-8') ?>)</span></li>
<?php endif; ?>
<li class="dropdown-header"><?= _t('gen.menu.configuration') ?></li>
<li class="item"><a href="<?= _url('configure', 'display') ?>"><?= _t('gen.menu.display') ?></a></li>
<li class="item"><a href="<?= _url('configure', 'reading') ?>"><?= _t('gen.menu.reading') ?></a></li>
<li class="item"><a href="<?= _url('configure', 'archiving') ?>"><?= _t('gen.menu.archiving') ?></a></li>
<li class="item"><a href="<?= _url('configure', 'integration') ?>"><?= _t('gen.menu.sharing') ?></a></li>
<li class="item"><a href="<?= _url('configure', 'shortcut') ?>"><?= _t('gen.menu.shortcuts') ?></a></li>
<li class="item"><a href="<?= _url('configure', 'queries') ?>"><?= _t('gen.menu.queries') ?></a></li>
<li class="item"><a href="<?= _url('extension', 'index') ?>"><?= _t('gen.menu.extensions') ?></a></li>
<?= Minz_ExtensionManager::callHook('menu_configuration_entry') ?>
<li class="item dropdown-section">
<div class="dropdown-section-title">
<?= _t('gen.menu.account') ?>: <?= htmlspecialchars(Minz_Session::param('currentUser', '_'), ENT_NOQUOTES, 'UTF-8') ?>
</div>
<ul>
<li class="item"><a href="<?= _url('user', 'profile') ?>"><?= _t('gen.menu.user_profile') ?></a></li>
<?php if (FreshRSS_Auth::accessNeedsAction()): ?>
<li class="item"><a class="signout" href="<?= _url('auth', 'logout') ?>"><?= _t('gen.auth.logout'); ?><?= _i('logout') ?></a></li>
<?php else: ?>
<li class="item"><span class="signout">(<?= htmlspecialchars(Minz_Session::param('currentUser', '_'), ENT_NOQUOTES, 'UTF-8') ?>)</span></li>
<?php endif; ?>
</ul>
</li>
<li class="item dropdown-section">
<div class="dropdown-section-title">
<?= _t('gen.menu.configuration') ?>
</div>
<ul>
<li class="item"><a href="<?= _url('configure', 'display') ?>"><?= _t('gen.menu.display') ?></a></li>
<li class="item"><a href="<?= _url('configure', 'reading') ?>"><?= _t('gen.menu.reading') ?></a></li>
<li class="item"><a href="<?= _url('configure', 'archiving') ?>"><?= _t('gen.menu.archiving') ?></a></li>
<li class="item"><a href="<?= _url('configure', 'integration') ?>"><?= _t('gen.menu.sharing') ?></a></li>
<li class="item"><a href="<?= _url('configure', 'shortcut') ?>"><?= _t('gen.menu.shortcuts') ?></a></li>
<li class="item"><a href="<?= _url('configure', 'queries') ?>"><?= _t('gen.menu.queries') ?></a></li>
<li class="item"><a href="<?= _url('extension', 'index') ?>"><?= _t('gen.menu.extensions') ?></a></li>
<?= Minz_ExtensionManager::callHook('menu_configuration_entry') ?>
</ul>
</li>
<?php if (FreshRSS_Auth::hasAccess('admin')) { ?>
<li class="dropdown-header"><?= _t('gen.menu.admin') ?></li>
<li class="item"><a href="<?= _url('configure', 'system') ?>"><?= _t('gen.menu.system') ?></a></li>
<li class="item"><a href="<?= _url('user', 'manage') ?>"><?= _t('gen.menu.user_management') ?></a></li>
<li class="item"><a href="<?= _url('auth', 'index') ?>"><?= _t('gen.menu.authentication') ?></a></li>
<li class="item"><a href="<?= _url('update', 'checkInstall') ?>"><?= _t('gen.menu.check_install') ?></a></li>
<?php if (!FreshRSS_Context::$system_conf->disable_update) { ?>
<li class="item"><a href="<?= _url('update', 'index') ?>"><?= _t('gen.menu.update') ?></a></li>
<li class="item dropdown-section">
<div class="dropdown-section-title">
<?= _t('gen.menu.admin') ?>
</div>
<ul>
<li class="item"><a href="<?= _url('configure', 'system') ?>"><?= _t('gen.menu.system') ?></a></li>
<li class="item"><a href="<?= _url('user', 'manage') ?>"><?= _t('gen.menu.user_management') ?></a></li>
<li class="item"><a href="<?= _url('auth', 'index') ?>"><?= _t('gen.menu.authentication') ?></a></li>
<li class="item"><a href="<?= _url('update', 'checkInstall') ?>"><?= _t('gen.menu.check_install') ?></a></li>
<?php if (!FreshRSS_Context::$system_conf->disable_update) { ?>
<li class="item"><a href="<?= _url('update', 'index') ?>"><?= _t('gen.menu.update') ?></a></li>
<?php } ?>
<?= Minz_ExtensionManager::callHook('menu_admin_entry') ?>
</ul>
</li>
<?php } ?>
<?= Minz_ExtensionManager::callHook('menu_admin_entry') ?>
<?php } ?>
<li class="item"><a href="<?= _url('index', 'logs') ?>"><?= _t('gen.menu.logs') ?></a></li>
<li class="item"><a href="<?= _url('index', 'about') ?>"><?= _t('gen.menu.about') ?></a></li>
<?= Minz_ExtensionManager::callHook('menu_other_entry') ?>
<li class="item dropdown-section">
<ul>
<li class="item"><a href="<?= _url('index', 'logs') ?>"><?= _t('gen.menu.logs') ?></a></li>
<li class="item"><a href="<?= _url('index', 'about') ?>"><?= _t('gen.menu.about') ?></a></li>
<?= Minz_ExtensionManager::callHook('menu_other_entry') ?>
</ul>
</li>
</ul>
<a class="dropdown-close" href="#close">❌</a>
</div>

29
p/themes/Alternative-Dark/adark.css
View File

@@ -341,7 +341,7 @@ a.btn {
/*=== Dropdown */
.dropdown-menu {
margin: 5px 0 0;
padding: 5px 0;
padding: 0.5rem 0 0.25rem 0;
background: var(--background-color-active);
font-size: 0.8rem;
border: 2px solid var(--background-color-light);
@@ -353,23 +353,35 @@ a.btn {
border-color: var(--border-color-dark);
}
.dropdown-header {
padding: 0 5px 5px;
.dropdown-header,
.dropdown-section .dropdown-section-title {
padding: 0.25rem 0.5rem 0.25rem 1rem;
color: var(--font-color-middle);
font-weight: bold;
text-align: left;
}
.dropdown-menu > .item > a,
.dropdown-menu > .item > span,
.dropdown-menu > .item > .as-link {
.dropdown-menu .item > a,
.dropdown-menu .item > span,
.dropdown-menu .item > .as-link {
padding: 0 22px;
line-height: 2.5;
font-size: 0.8rem;
}
.dropdown-menu > .item > a:hover,
.dropdown-menu > .item > button:hover {
.dropdown-menu .dropdown-section .item > a,
.dropdown-menu .dropdown-section .item > span,
.dropdown-menu .dropdown-section .item > .as-link {
padding-left: 2rem;
}
.dropdown-menu .dropdown-section .item:last-child {
margin-bottom: 0.5rem;
}
.dropdown-menu .item > a:hover,
.dropdown-menu .item > button:hover,
.dropdown-menu .item > label:hover:not(.noHover) {
background: var(--background-color-hover);
color: var(--font-color-light);
}
@@ -387,6 +399,7 @@ a.btn {
}
.item ~ .dropdown-header,
.dropdown-section ~ .dropdown-section,
.item.separator {
border-top-color: var(--border-color-dark);
}

29
p/themes/Alternative-Dark/adark.rtl.css
View File

@@ -341,7 +341,7 @@ a.btn {
/*=== Dropdown */
.dropdown-menu {
margin: 5px 0 0;
padding: 5px 0;
padding: 0.5rem 0 0.25rem 0;
background: var(--background-color-active);
font-size: 0.8rem;
border: 2px solid var(--background-color-light);
@@ -353,23 +353,35 @@ a.btn {
border-color: var(--border-color-dark);
}
.dropdown-header {
padding: 0 5px 5px;
.dropdown-header,
.dropdown-section .dropdown-section-title {
padding: 0.25rem 1rem 0.25rem 0.5rem;
color: var(--font-color-middle);
font-weight: bold;
text-align: right;
}
.dropdown-menu > .item > a,
.dropdown-menu > .item > span,
.dropdown-menu > .item > .as-link {
.dropdown-menu .item > a,
.dropdown-menu .item > span,
.dropdown-menu .item > .as-link {
padding: 0 22px;
line-height: 2.5;
font-size: 0.8rem;
}
.dropdown-menu > .item > a:hover,
.dropdown-menu > .item > button:hover {
.dropdown-menu .dropdown-section .item > a,
.dropdown-menu .dropdown-section .item > span,
.dropdown-menu .dropdown-section .item > .as-link {
padding-right: 2rem;
}
.dropdown-menu .dropdown-section .item:last-child {
margin-bottom: 0.5rem;
}
.dropdown-menu .item > a:hover,
.dropdown-menu .item > button:hover,
.dropdown-menu .item > label:hover:not(.noHover) {
background: var(--background-color-hover);
color: var(--font-color-light);
}
@@ -387,6 +399,7 @@ a.btn {
}
.item ~ .dropdown-header,
.dropdown-section ~ .dropdown-section,
.item.separator {
border-top-color: var(--border-color-dark);
}

32
p/themes/Ansum/_components.scss
View File

@@ -37,15 +37,14 @@
right: 17px;
}
.dropdown-header {
padding: 1rem 0.5rem 1rem 1rem;
.dropdown-header,
.dropdown-section .dropdown-section-title {
padding: 1rem 1.5rem;
font-weight: bold;
text-align: left;
color: variables.$grey-dark;
text-transform: uppercase;
letter-spacing: 1px;
}
.item {
@@ -57,19 +56,28 @@
color: variables.$main-font-color;
font-size: 1rem;
line-height: 2.5em;
&:not(.addItem):hover {
background: variables.$main-first;
color: variables.$white;
.icon {
filter: grayscale(100%) brightness(2.5);
}
}
}
&:not(.addItem):hover {
background: variables.$main-first;
color: variables.$white;
&.dropdown-section {
margin-top: 0.75rem;
a, button, label {
text-decoration: none;
color: variables.$white;
~ .dropdown-section {
border-top-color: variables.$grey-light;
}
.icon {
filter: grayscale(100%) brightness(2.5);
.item {
a, span, .as-link {
padding-left: 2rem;
}
}
}

22
p/themes/Ansum/ansum.css
View File

@@ -240,8 +240,9 @@ form th {
border: none;
right: 17px;
}
.dropdown-menu .dropdown-header {
padding: 1rem 0.5rem 1rem 1rem;
.dropdown-menu .dropdown-header,
.dropdown-menu .dropdown-section .dropdown-section-title {
padding: 1rem 1.5rem;
font-weight: bold;
text-align: left;
color: #766556;
@@ -257,17 +258,22 @@ form th {
font-size: 1rem;
line-height: 2.5em;
}
.dropdown-menu .item:not(.addItem):hover {
.dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item span:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover {
background: #ca7227;
color: #fff;
}
.dropdown-menu .item:not(.addItem):hover a, .dropdown-menu .item:not(.addItem):hover button, .dropdown-menu .item:not(.addItem):hover label {
text-decoration: none;
color: #fff;
}
.dropdown-menu .item:not(.addItem):hover .icon {
.dropdown-menu .item a:not(.addItem):hover .icon, .dropdown-menu .item span:not(.addItem):hover .icon, .dropdown-menu .item .as-link:not(.addItem):hover .icon {
filter: grayscale(100%) brightness(2.5);
}
.dropdown-menu .item.dropdown-section {
margin-top: 0.75rem;
}
.dropdown-menu .item.dropdown-section ~ .dropdown-section {
border-top-color: #f5f0ec;
}
.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item span, .dropdown-menu .item.dropdown-section .item .as-link {
padding-left: 2rem;
}
.dropdown-menu .item:not(.addItem) a:hover,
.dropdown-menu .item:not(.addItem) button:hover {
background: #ca7227;

22
p/themes/Ansum/ansum.rtl.css
View File

@@ -240,8 +240,9 @@ form th {
border: none;
left: 17px;
}
.dropdown-menu .dropdown-header {
padding: 1rem 1rem 1rem 0.5rem;
.dropdown-menu .dropdown-header,
.dropdown-menu .dropdown-section .dropdown-section-title {
padding: 1rem 1.5rem;
font-weight: bold;
text-align: right;
color: #766556;
@@ -257,17 +258,22 @@ form th {
font-size: 1rem;
line-height: 2.5em;
}
.dropdown-menu .item:not(.addItem):hover {
.dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item span:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover {
background: #ca7227;
color: #fff;
}
.dropdown-menu .item:not(.addItem):hover a, .dropdown-menu .item:not(.addItem):hover button, .dropdown-menu .item:not(.addItem):hover label {
text-decoration: none;
color: #fff;
}
.dropdown-menu .item:not(.addItem):hover .icon {
.dropdown-menu .item a:not(.addItem):hover .icon, .dropdown-menu .item span:not(.addItem):hover .icon, .dropdown-menu .item .as-link:not(.addItem):hover .icon {
filter: grayscale(100%) brightness(2.5);
}
.dropdown-menu .item.dropdown-section {
margin-top: 0.75rem;
}
.dropdown-menu .item.dropdown-section ~ .dropdown-section {
border-top-color: #f5f0ec;
}
.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item span, .dropdown-menu .item.dropdown-section .item .as-link {
padding-right: 2rem;
}
.dropdown-menu .item:not(.addItem) a:hover,
.dropdown-menu .item:not(.addItem) button:hover {
background: #ca7227;

24
p/themes/BlueLagoon/BlueLagoon.css
View File

@@ -350,7 +350,8 @@ a.btn {
transform: rotate(45deg);
}
.dropdown-header {
.dropdown-header,
.dropdown-section .dropdown-section-title {
padding: 0 5px 5px;
color: #ccc;
font-weight: bold;
@@ -360,9 +361,9 @@ a.btn {
filter: grayscale(100%) brightness(2.5);
}
.dropdown-menu > .item > a,
.dropdown-menu > .item > span,
.dropdown-menu > .item > .as-link {
.dropdown-menu .item > a,
.dropdown-menu .item > span,
.dropdown-menu .item > .as-link {
padding: 0 22px;
line-height: 2.5em;
color: #ccc;
@@ -373,8 +374,19 @@ a.btn {
color: #ccc;
}
.dropdown-menu > .item > a:hover,
.dropdown-menu > .item > button:hover {
.dropdown-menu .dropdown-section .item > a,
.dropdown-menu .dropdown-section .item > span,
.dropdown-menu .dropdown-section .item > .as-link {
padding-left: 2rem;
}
.dropdown-menu .dropdown-section .item:last-child {
margin-bottom: 0.5rem;
}
.dropdown-menu .item > a:hover,
.dropdown-menu .item > button:hover,
.dropdown-menu .item > label:hover:not(.noHover) {
background: linear-gradient(180deg, #0090ff 0%, #0062be 100%) #e4992c;
background: -webkit-linear-gradient(top, #0090ff 0%, #0062be 100%);
color: #fff;

24
p/themes/BlueLagoon/BlueLagoon.rtl.css
View File

@@ -350,7 +350,8 @@ a.btn {
transform: rotate(-45deg);
}
.dropdown-header {
.dropdown-header,
.dropdown-section .dropdown-section-title {
padding: 0 5px 5px;
color: #ccc;
font-weight: bold;
@@ -360,9 +361,9 @@ a.btn {
filter: grayscale(100%) brightness(2.5);
}
.dropdown-menu > .item > a,
.dropdown-menu > .item > span,
.dropdown-menu > .item > .as-link {
.dropdown-menu .item > a,
.dropdown-menu .item > span,
.dropdown-menu .item > .as-link {
padding: 0 22px;
line-height: 2.5em;
color: #ccc;
@@ -373,8 +374,19 @@ a.btn {
color: #ccc;
}
.dropdown-menu > .item > a:hover,
.dropdown-menu > .item > button:hover {
.dropdown-menu .dropdown-section .item > a,
.dropdown-menu .dropdown-section .item > span,
.dropdown-menu .dropdown-section .item > .as-link {
padding-right: 2rem;
}
.dropdown-menu .dropdown-section .item:last-child {
margin-bottom: 0.5rem;
}
.dropdown-menu .item > a:hover,
.dropdown-menu .item > button:hover,
.dropdown-menu .item > label:hover:not(.noHover) {
background: linear-gradient(-180deg, #0090ff 0%, #0062be 100%) #e4992c;
background: -webkit-linear-gradient(top, #0090ff 0%, #0062be 100%);
color: #fff;

27
p/themes/Dark/dark.css
View File

@@ -336,23 +336,35 @@ a.btn {
border-color: #888;
}
.dropdown-header {
padding: 0 5px 5px;
.dropdown-header,
.dropdown-section .dropdown-section-title {
padding: 0.25rem 0.5rem 0.25rem 1rem;
font-weight: bold;
text-align: left;
color: #888;
}
.dropdown-menu > .item > a,
.dropdown-menu > .item > span,
.dropdown-menu > .item > .as-link {
.dropdown-menu .item > a,
.dropdown-menu .item > span,
.dropdown-menu .item > .as-link {
padding: 0 22px;
line-height: 2.5em;
font-size: 0.8rem;
}
.dropdown-menu > .item > a:hover,
.dropdown-menu > .item > button:hover {
.dropdown-menu .dropdown-section .item > a,
.dropdown-menu .dropdown-section .item > span,
.dropdown-menu .dropdown-section .item > .as-link {
padding-left: 2rem;
}
.dropdown-menu .dropdown-section .item:last-child {
margin-bottom: 0.5rem;
}
.dropdown-menu .item > a:hover,
.dropdown-menu .item > button:hover,
.dropdown-menu .item > label:hover:not(.noHover) {
background: #26303f;
color: #888;
}
@@ -370,6 +382,7 @@ a.btn {
}
.item ~ .dropdown-header,
.dropdown-section ~ .dropdown-section,
.item.separator {
border-top-color: #333;
}

27
p/themes/Dark/dark.rtl.css
View File

@@ -336,23 +336,35 @@ a.btn {
border-color: #888;
}
.dropdown-header {
padding: 0 5px 5px;
.dropdown-header,
.dropdown-section .dropdown-section-title {
padding: 0.25rem 1rem 0.25rem 0.5rem;
font-weight: bold;
text-align: right;
color: #888;
}
.dropdown-menu > .item > a,
.dropdown-menu > .item > span,
.dropdown-menu > .item > .as-link {
.dropdown-menu .item > a,
.dropdown-menu .item > span,
.dropdown-menu .item > .as-link {
padding: 0 22px;
line-height: 2.5em;
font-size: 0.8rem;
}
.dropdown-menu > .item > a:hover,
.dropdown-menu > .item > button:hover {
.dropdown-menu .dropdown-section .item > a,
.dropdown-menu .dropdown-section .item > span,
.dropdown-menu .dropdown-section .item > .as-link {
padding-right: 2rem;
}
.dropdown-menu .dropdown-section .item:last-child {
margin-bottom: 0.5rem;
}
.dropdown-menu .item > a:hover,
.dropdown-menu .item > button:hover,
.dropdown-menu .item > label:hover:not(.noHover) {
background: #26303f;
color: #888;
}
@@ -370,6 +382,7 @@ a.btn {
}
.item ~ .dropdown-header,
.dropdown-section ~ .dropdown-section,
.item.separator {
border-top-color: #333;
}

27
p/themes/Flat/flat.css
View File

@@ -311,7 +311,7 @@ a.btn {
/*=== Dropdown */
.dropdown-menu {
margin: 0.5rem 0 0;
padding: 0.5rem 0;
padding: 0.5rem 0 0.25rem 0;
background: #fafafa;
font-size: 0.8rem;
border: 1px solid #95a5a6;
@@ -324,7 +324,8 @@ a.btn {
right: 12px;
}
.dropdown-header {
.dropdown-header,
.dropdown-section .dropdown-section-title {
padding: 0 0.5rem 0.5rem;
font-weight: bold;
text-align: left;
@@ -336,16 +337,27 @@ a.btn {
right: 0.5rem;
}
.dropdown-menu > .item > a,
.dropdown-menu > .item > span,
.dropdown-menu > .item > .as-link {
.dropdown-menu .item > a,
.dropdown-menu .item > span,
.dropdown-menu .item > .as-link {
padding: 0 22px;
line-height: 2.5em;
font-size: 0.8rem;
}
.dropdown-menu > .item > a:hover,
.dropdown-menu > .item > button:hover {
.dropdown-menu .dropdown-section .item > a,
.dropdown-menu .dropdown-section .item > span,
.dropdown-menu .dropdown-section .item > .as-link {
padding-left: 2rem;
}
.dropdown-menu .dropdown-section .item:last-child {
margin-bottom: 0.5rem;
}
.dropdown-menu .item > a:hover,
.dropdown-menu .item > button:hover,
.dropdown-menu .item > label:hover:not(.noHover) {
background: #2980b9;
color: #fff;
}
@@ -368,6 +380,7 @@ a.btn {
}
.item ~ .dropdown-header,
.dropdown-section ~ .dropdown-section,
.item.separator {
border-top-color: #ddd;
}

27
p/themes/Flat/flat.rtl.css
View File

@@ -311,7 +311,7 @@ a.btn {
/*=== Dropdown */
.dropdown-menu {
margin: 0.5rem 0 0;
padding: 0.5rem 0;
padding: 0.5rem 0 0.25rem 0;
background: #fafafa;
font-size: 0.8rem;
border: 1px solid #95a5a6;
@@ -324,7 +324,8 @@ a.btn {
left: 12px;
}
.dropdown-header {
.dropdown-header,
.dropdown-section .dropdown-section-title {
padding: 0 0.5rem 0.5rem;
font-weight: bold;
text-align: right;
@@ -336,16 +337,27 @@ a.btn {
left: 0.5rem;
}
.dropdown-menu > .item > a,
.dropdown-menu > .item > span,
.dropdown-menu > .item > .as-link {
.dropdown-menu .item > a,
.dropdown-menu .item > span,
.dropdown-menu .item > .as-link {
padding: 0 22px;
line-height: 2.5em;
font-size: 0.8rem;
}
.dropdown-menu > .item > a:hover,
.dropdown-menu > .item > button:hover {
.dropdown-menu .dropdown-section .item > a,
.dropdown-menu .dropdown-section .item > span,
.dropdown-menu .dropdown-section .item > .as-link {
padding-right: 2rem;
}
.dropdown-menu .dropdown-section .item:last-child {
margin-bottom: 0.5rem;
}
.dropdown-menu .item > a:hover,
.dropdown-menu .item > button:hover,
.dropdown-menu .item > label:hover:not(.noHover) {
background: #2980b9;
color: #fff;
}
@@ -368,6 +380,7 @@ a.btn {
}
.item ~ .dropdown-header,
.dropdown-section ~ .dropdown-section,
.item.separator {
border-top-color: #ddd;
}

24
p/themes/Mapco/_components.scss
View File

@@ -37,8 +37,9 @@
right: 18px;
}
.dropdown-header {
padding: 1rem 0.5rem 1rem 1rem;
.dropdown-header,
.dropdown-section .dropdown-section-title {
padding: 1rem 1.5rem;
font-weight: bold;
text-align: left;
color: variables.$grey-dark;
@@ -55,11 +56,8 @@
color: variables.$main-font-color;
font-size: 1rem;
line-height: 2.5em;
}
&:not(.addItem) {
a:hover,
button:hover {
&:not(.addItem):hover {
background: variables.$main-first;
color: variables.$white;
@@ -69,6 +67,20 @@
}
}
&.dropdown-section {
margin-top: 0.75rem;
~ .dropdown-section {
border-top-color: variables.$grey-light;
}
.item {
a, span, .as-link {
padding-left: 2rem;
}
}
}
&[aria-checked="true"] {
a::before {
margin: 0 0 0 -14px;

20
p/themes/Mapco/mapco.css
View File

@@ -239,8 +239,9 @@ form th {
border: none;
right: 18px;
}
.dropdown-menu .dropdown-header {
padding: 1rem 0.5rem 1rem 1rem;
.dropdown-menu .dropdown-header,
.dropdown-menu .dropdown-section .dropdown-section-title {
padding: 1rem 1.5rem;
font-weight: bold;
text-align: left;
color: #5b6871;
@@ -256,15 +257,22 @@ form th {
font-size: 1rem;
line-height: 2.5em;
}
.dropdown-menu .item:not(.addItem) a:hover,
.dropdown-menu .item:not(.addItem) button:hover {
.dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item span:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover {
background: #36c;
color: #fff;
}
.dropdown-menu .item:not(.addItem) a:hover .icon,
.dropdown-menu .item:not(.addItem) button:hover .icon {
.dropdown-menu .item a:not(.addItem):hover .icon, .dropdown-menu .item span:not(.addItem):hover .icon, .dropdown-menu .item .as-link:not(.addItem):hover .icon {
filter: brightness(3);
}
.dropdown-menu .item.dropdown-section {
margin-top: 0.75rem;
}
.dropdown-menu .item.dropdown-section ~ .dropdown-section {
border-top-color: #eff0f2;
}
.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item span, .dropdown-menu .item.dropdown-section .item .as-link {
padding-left: 2rem;
}
.dropdown-menu .item[aria-checked=true] a::before {
margin: 0 0 0 -14px;
font-weight: bold;

20
p/themes/Mapco/mapco.rtl.css
View File

@@ -239,8 +239,9 @@ form th {
border: none;
left: 18px;
}
.dropdown-menu .dropdown-header {
padding: 1rem 1rem 1rem 0.5rem;
.dropdown-menu .dropdown-header,
.dropdown-menu .dropdown-section .dropdown-section-title {
padding: 1rem 1.5rem;
font-weight: bold;
text-align: right;
color: #5b6871;
@@ -256,15 +257,22 @@ form th {
font-size: 1rem;
line-height: 2.5em;
}
.dropdown-menu .item:not(.addItem) a:hover,
.dropdown-menu .item:not(.addItem) button:hover {
.dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item span:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover {
background: #36c;
color: #fff;
}
.dropdown-menu .item:not(.addItem) a:hover .icon,
.dropdown-menu .item:not(.addItem) button:hover .icon {
.dropdown-menu .item a:not(.addItem):hover .icon, .dropdown-menu .item span:not(.addItem):hover .icon, .dropdown-menu .item .as-link:not(.addItem):hover .icon {
filter: brightness(3);
}
.dropdown-menu .item.dropdown-section {
margin-top: 0.75rem;
}
.dropdown-menu .item.dropdown-section ~ .dropdown-section {
border-top-color: #eff0f2;
}
.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item span, .dropdown-menu .item.dropdown-section .item .as-link {
padding-right: 2rem;
}
.dropdown-menu .item[aria-checked=true] a::before {
margin: 0 -14px 0 0;
font-weight: bold;

28
p/themes/Nord/nord.css
View File

@@ -198,7 +198,7 @@ a.btn {
.dropdown-menu {
margin: 5px 0 0;
padding: 5px 0;
padding: 0.5rem 0 0.25rem 0;
background: var(--accent-bg);
font-size: 0.8rem;
border: 1px solid var(--border);
@@ -206,21 +206,38 @@ a.btn {
text-align: left;
}
.dropdown-header {
.dropdown-header,
.dropdown-section .dropdown-section-title {
padding: 0 5px 5px;
font-weight: bold;
text-align: left;
}
.dropdown-menu > .item > a,
.dropdown-menu > .item > span,
.dropdown-menu > .item > .as-link {
.dropdown-menu .item > a,
.dropdown-menu .item > span,
.dropdown-menu .item > .as-link {
padding: 0 22px;
color: var(--text);
line-height: 2.5em;
min-width: 200px;
}
.dropdown-menu .dropdown-section .item > a,
.dropdown-menu .dropdown-section .item > span,
.dropdown-menu .dropdown-section .item > .as-link {
padding-left: 2rem;
}
.dropdown-menu .dropdown-section .item:last-child {
margin-bottom: 0.5rem;
}
.dropdown-menu .item > a:hover,
.dropdown-menu .item > button:hover,
.dropdown-menu .item > label:hover:not(.noHover) {
/* no hover color */
}
.dropdown-menu > .item[aria-checked="true"] > a::before {
font-weight: bold;
margin: 0 0 0 -14px;
@@ -276,6 +293,7 @@ a.btn {
}
.item ~ .dropdown-header,
.dropdown-section ~ .dropdown-section,
.item.separator {
border-top-color: var(--border);
}

28
p/themes/Nord/nord.rtl.css
View File

@@ -198,7 +198,7 @@ a.btn {
.dropdown-menu {
margin: 5px 0 0;
padding: 5px 0;
padding: 0.5rem 0 0.25rem 0;
background: var(--accent-bg);
font-size: 0.8rem;
border: 1px solid var(--border);
@@ -206,21 +206,38 @@ a.btn {
text-align: right;
}
.dropdown-header {
.dropdown-header,
.dropdown-section .dropdown-section-title {
padding: 0 5px 5px;
font-weight: bold;
text-align: right;
}
.dropdown-menu > .item > a,
.dropdown-menu > .item > span,
.dropdown-menu > .item > .as-link {
.dropdown-menu .item > a,
.dropdown-menu .item > span,
.dropdown-menu .item > .as-link {
padding: 0 22px;
color: var(--text);
line-height: 2.5em;
min-width: 200px;
}
.dropdown-menu .dropdown-section .item > a,
.dropdown-menu .dropdown-section .item > span,
.dropdown-menu .dropdown-section .item > .as-link {
padding-right: 2rem;
}
.dropdown-menu .dropdown-section .item:last-child {
margin-bottom: 0.5rem;
}
.dropdown-menu .item > a:hover,
.dropdown-menu .item > button:hover,
.dropdown-menu .item > label:hover:not(.noHover) {
/* no hover color */
}
.dropdown-menu > .item[aria-checked="true"] > a::before {
font-weight: bold;
margin: 0 -14px 0 0;
@@ -276,6 +293,7 @@ a.btn {
}
.item ~ .dropdown-header,
.dropdown-section ~ .dropdown-section,
.item.separator {
border-top-color: var(--border);
}

37
p/themes/Origine/origine.css
View File

@@ -436,33 +436,45 @@ a:hover .icon {
border-color: var(--border-color);
}
.dropdown-header {
padding: 0 5px 5px;
.dropdown-header,
.dropdown-section .dropdown-section-title {
padding: 0.25rem 0.5rem 0.25rem 1rem;
color: var(--font-color-grey);
font-weight: bold;
text-align: left;
}
.dropdown-menu > .item > a,
.dropdown-menu > .item > span,
.dropdown-menu > .item > .as-link {
.dropdown-menu .item > a,
.dropdown-menu .item > span,
.dropdown-menu .item > .as-link {
padding: 0 22px;
line-height: 2.5;
font-size: 0.8rem;
}
.dropdown-menu > .item > a:hover,
.dropdown-menu > .item > button:hover,
.dropdown-menu > .item > label:hover:not(.noHover) {
.dropdown-menu .dropdown-section .item > a,
.dropdown-menu .dropdown-section .item > span,
.dropdown-menu .dropdown-section .item > .as-link {
padding-left: 2rem;
}
.dropdown-menu .dropdown-section .item:last-child {
margin-bottom: 0.5rem;
}
.dropdown-menu .item > a:hover,
.dropdown-menu .item > button:hover,
.dropdown-menu .item > label:hover:not(.noHover) {
background-color: var(--contrast-background-color-active);
color: var(--font-color-light);
}
.dropdown-menu > .item > label {
.dropdown-menu .item > label {
padding: 0;
}
.dropdown-menu > .item:hover .icon {
.dropdown-menu > .item:hover > a > .icon,
.dropdown-menu .item.dropdown-section .item:hover .icon {
filter: grayscale(100%) brightness(2.5);
}
@@ -479,6 +491,7 @@ a:hover .icon {
}
.item ~ .dropdown-header,
.dropdown-section ~ .dropdown-section,
.item.separator {
border-top-color: var(--border-color);
}
@@ -1164,6 +1177,10 @@ a:hover .icon {
border-left: 1px solid var(--border-color);
}
.dropdown-menu .dropdown-section:last-child {
margin-bottom: 3rem;
}
.form-group.form-actions {
margin-left: -15px;
margin-right: -15px;

37
p/themes/Origine/origine.rtl.css
View File

@@ -436,33 +436,45 @@ a:hover .icon {
border-color: var(--border-color);
}
.dropdown-header {
padding: 0 5px 5px;
.dropdown-header,
.dropdown-section .dropdown-section-title {
padding: 0.25rem 1rem 0.25rem 0.5rem;
color: var(--font-color-grey);
font-weight: bold;
text-align: right;
}
.dropdown-menu > .item > a,
.dropdown-menu > .item > span,
.dropdown-menu > .item > .as-link {
.dropdown-menu .item > a,
.dropdown-menu .item > span,
.dropdown-menu .item > .as-link {
padding: 0 22px;
line-height: 2.5;
font-size: 0.8rem;
}
.dropdown-menu > .item > a:hover,
.dropdown-menu > .item > button:hover,
.dropdown-menu > .item > label:hover:not(.noHover) {
.dropdown-menu .dropdown-section .item > a,
.dropdown-menu .dropdown-section .item > span,
.dropdown-menu .dropdown-section .item > .as-link {
padding-right: 2rem;
}
.dropdown-menu .dropdown-section .item:last-child {
margin-bottom: 0.5rem;
}
.dropdown-menu .item > a:hover,
.dropdown-menu .item > button:hover,
.dropdown-menu .item > label:hover:not(.noHover) {
background-color: var(--contrast-background-color-active);
color: var(--font-color-light);
}
.dropdown-menu > .item > label {
.dropdown-menu .item > label {
padding: 0;
}
.dropdown-menu > .item:hover .icon {
.dropdown-menu > .item:hover > a > .icon,
.dropdown-menu .item.dropdown-section .item:hover .icon {
filter: grayscale(100%) brightness(2.5);
}
@@ -479,6 +491,7 @@ a:hover .icon {
}
.item ~ .dropdown-header,
.dropdown-section ~ .dropdown-section,
.item.separator {
border-top-color: var(--border-color);
}
@@ -1164,6 +1177,10 @@ a:hover .icon {
border-right: 1px solid var(--border-color);
}
.dropdown-menu .dropdown-section:last-child {
margin-bottom: 3rem;
}
.form-group.form-actions {
margin-right: -15px;
margin-left: -15px;

27
p/themes/Pafat/pafat.css
View File

@@ -283,7 +283,7 @@ a.btn {
/*=== Dropdown */
.dropdown-menu {
margin: 5px 0 0;
padding: 5px 0;
padding: 0.5rem 0 0.25rem 0;
font-size: 0.8rem;
border: 1px solid #aaa;
border-radius: 5px;
@@ -295,24 +295,36 @@ a.btn {
right: 8px;
}
.dropdown-header {
.dropdown-header,
.dropdown-section .dropdown-section-title {
padding: 0 5px 5px;
color: #888;
font-weight: bold;
text-align: left;
}
.dropdown-menu > .item > a,
.dropdown-menu > .item > span,
.dropdown-menu > .item > .as-link {
.dropdown-menu .item > a,
.dropdown-menu .item > span,
.dropdown-menu .item > .as-link {
padding: 0 22px;
line-height: 2.5;
color: #666;
font-size: 0.8rem;
}
.dropdown-menu > .item > a:hover,
.dropdown-menu > .item > button:hover {
.dropdown-menu .dropdown-section .item > a,
.dropdown-menu .dropdown-section .item > span,
.dropdown-menu .dropdown-section .item > .as-link {
padding-left: 2rem;
}
.dropdown-menu .dropdown-section .item:last-child {
margin-bottom: 0.5rem;
}
.dropdown-menu .item > a:hover,
.dropdown-menu .item > button:hover,
.dropdown-menu .item > label:hover:not(.noHover) {
background: #eee;
color: #666;
}
@@ -330,6 +342,7 @@ a.btn {
}
.item ~ .dropdown-header,
.dropdown-section ~ .dropdown-section,
.item.separator {
border-top-color: #ddd;
}

27
p/themes/Pafat/pafat.rtl.css
View File

@@ -283,7 +283,7 @@ a.btn {
/*=== Dropdown */
.dropdown-menu {
margin: 5px 0 0;
padding: 5px 0;
padding: 0.5rem 0 0.25rem 0;
font-size: 0.8rem;
border: 1px solid #aaa;
border-radius: 5px;
@@ -295,24 +295,36 @@ a.btn {
left: 8px;
}
.dropdown-header {
.dropdown-header,
.dropdown-section .dropdown-section-title {
padding: 0 5px 5px;
color: #888;
font-weight: bold;
text-align: right;
}
.dropdown-menu > .item > a,
.dropdown-menu > .item > span,
.dropdown-menu > .item > .as-link {
.dropdown-menu .item > a,
.dropdown-menu .item > span,
.dropdown-menu .item > .as-link {
padding: 0 22px;
line-height: 2.5;
color: #666;
font-size: 0.8rem;
}
.dropdown-menu > .item > a:hover,
.dropdown-menu > .item > button:hover {
.dropdown-menu .dropdown-section .item > a,
.dropdown-menu .dropdown-section .item > span,
.dropdown-menu .dropdown-section .item > .as-link {
padding-right: 2rem;
}
.dropdown-menu .dropdown-section .item:last-child {
margin-bottom: 0.5rem;
}
.dropdown-menu .item > a:hover,
.dropdown-menu .item > button:hover,
.dropdown-menu .item > label:hover:not(.noHover) {
background: #eee;
color: #666;
}
@@ -330,6 +342,7 @@ a.btn {
}
.item ~ .dropdown-header,
.dropdown-section ~ .dropdown-section,
.item.separator {
border-top-color: #ddd;
}

30
p/themes/Screwdriver/screwdriver.css
View File

@@ -331,7 +331,7 @@ a.btn {
/*=== Dropdown */
.dropdown-menu {
margin: 5px 0 0;
padding: 5px 0;
padding: 0.5rem 0 0.25rem 0;
background: #222;
font-size: 0.8rem;
border: 1px solid #171717;
@@ -344,30 +344,43 @@ a.btn {
border-color: #171717;
}
.dropdown-header {
.dropdown-header,
.dropdown-section .dropdown-section-title {
padding: 0 5px 5px;
color: #ccc;
font-weight: bold;
}
.dropdown-menu > .item > a,
.dropdown-menu > .item > span,
.dropdown-menu > .item > .as-link {
.dropdown-menu .item > a,
.dropdown-menu .item > span,
.dropdown-menu .item > .as-link {
padding: 0 22px;
line-height: 2.5em;
color: #ccc;
font-size: 0.8rem;
}
.dropdown-menu > .item > label {
color: #ccc;
.dropdown-menu .dropdown-section .item > a,
.dropdown-menu .dropdown-section .item > span,
.dropdown-menu .dropdown-section .item > .as-link {
padding-left: 2rem;
}
.dropdown-menu > .item:hover {
.dropdown-menu .dropdown-section .item:last-child {
margin-bottom: 0.5rem;
}
.dropdown-menu .item > a:hover,
.dropdown-menu .item > button:hover,
.dropdown-menu .item > label:hover:not(.noHover) {
background: #171717;
color: #fff;
}
.dropdown-menu > .item > label {
color: #ccc;
}
.dropdown-menu > .item[aria-checked="true"] > a::before {
font-weight: bold;
margin: 0 0 0 -14px;
@@ -379,6 +392,7 @@ a.btn {
}
.item ~ .dropdown-header,
.dropdown-section ~ .dropdown-section,
.item.separator {
border-top-color: rgba(255,255,255,0.08);
}

30
p/themes/Screwdriver/screwdriver.rtl.css
View File

@@ -331,7 +331,7 @@ a.btn {
/*=== Dropdown */
.dropdown-menu {
margin: 5px 0 0;
padding: 5px 0;
padding: 0.5rem 0 0.25rem 0;
background: #222;
font-size: 0.8rem;
border: 1px solid #171717;
@@ -344,30 +344,43 @@ a.btn {
border-color: #171717;
}
.dropdown-header {
.dropdown-header,
.dropdown-section .dropdown-section-title {
padding: 0 5px 5px;
color: #ccc;
font-weight: bold;
}
.dropdown-menu > .item > a,
.dropdown-menu > .item > span,
.dropdown-menu > .item > .as-link {
.dropdown-menu .item > a,
.dropdown-menu .item > span,
.dropdown-menu .item > .as-link {
padding: 0 22px;
line-height: 2.5em;
color: #ccc;
font-size: 0.8rem;
}
.dropdown-menu > .item > label {
color: #ccc;
.dropdown-menu .dropdown-section .item > a,
.dropdown-menu .dropdown-section .item > span,
.dropdown-menu .dropdown-section .item > .as-link {
padding-right: 2rem;
}
.dropdown-menu > .item:hover {
.dropdown-menu .dropdown-section .item:last-child {
margin-bottom: 0.5rem;
}
.dropdown-menu .item > a:hover,
.dropdown-menu .item > button:hover,
.dropdown-menu .item > label:hover:not(.noHover) {
background: #171717;
color: #fff;
}
.dropdown-menu > .item > label {
color: #ccc;
}
.dropdown-menu > .item[aria-checked="true"] > a::before {
font-weight: bold;
margin: 0 -14px 0 0;
@@ -379,6 +392,7 @@ a.btn {
}
.item ~ .dropdown-header,
.dropdown-section ~ .dropdown-section,
.item.separator {
border-top-color: rgba(255,255,255,0.08);
}

15
p/themes/Swage/swage.css
View File

@@ -332,12 +332,23 @@ form th {
.dropdown-menu .dropdown-header a:hover {
background-color: var(--color-background-nav);
}
.dropdown-menu .dropdown-section .dropdown-section-title {
cursor: default;
padding: 0.25rem 0.5rem 0.125rem 0.25rem;
font-weight: bold;
color: var(--color-text-light);
}
.dropdown-menu .dropdown-section .item a {
padding: 0 22px;
}
.dropdown-menu .dropdown-section .item a:hover {
background-color: var(--color-background-nav);
}
.dropdown-menu::after {
content: none;
}
.dropdown-menu > .item {
padding: 0;
margin-left: 10px;
padding: 0 0 0 0.5rem;
}
.dropdown-menu > .item > a {
min-width: initial;

15
p/themes/Swage/swage.rtl.css
View File

@@ -332,12 +332,23 @@ form th {
.dropdown-menu .dropdown-header a:hover {
background-color: var(--color-background-nav);
}
.dropdown-menu .dropdown-section .dropdown-section-title {
cursor: default;
padding: 0.25rem 0.25rem 0.125rem 0.5rem;
font-weight: bold;
color: var(--color-text-light);
}
.dropdown-menu .dropdown-section .item a {
padding: 0 22px;
}
.dropdown-menu .dropdown-section .item a:hover {
background-color: var(--color-background-nav);
}
.dropdown-menu::after {
content: none;
}
.dropdown-menu > .item {
padding: 0;
margin-right: 10px;
padding: 0 0.5rem 0 0;
}
.dropdown-menu > .item > a {
min-width: initial;

22
p/themes/Swage/swage.scss
View File

@@ -431,6 +431,25 @@ form {
}
}
.dropdown-section {
.dropdown-section-title {
cursor: default;
padding: 0.25rem 0.5rem 0.125rem 0.25rem;
font-weight: bold;
color: var(--color-text-light);
}
.item {
a {
padding: 0 22px;
&:hover {
background-color: var(--color-background-nav);
}
}
}
}
&::after {
content: none;
}
@@ -439,8 +458,7 @@ form {
.item {
@extend %dropdown;
padding: 0;
margin-left: 10px;
padding: 0 0 0 0.5rem;
> a,
> span,

18
p/themes/base-theme/frss.css
View File

@@ -286,8 +286,8 @@ input[type="checkbox"] {
width: calc(99% - 5em);
}
.dropdown-menu > .item > a:hover,
.dropdown-menu > .item > button:hover {
.dropdown-menu .item > a:hover,
.dropdown-menu .item > button:hover {
text-decoration: none;
}
@@ -655,13 +655,13 @@ input[type="checkbox"]:focus-visible {
display: block;
}
.dropdown-menu > .item {
.dropdown-menu .item {
display: block;
}
.dropdown-menu > .item > a,
.dropdown-menu > .item > .as-link,
.dropdown-menu > .item > span {
.dropdown-menu .item > a,
.dropdown-menu .item > .as-link,
.dropdown-menu .item > span {
display: block;
width: 100%;
white-space: nowrap;
@@ -702,6 +702,7 @@ input[type="checkbox"]:focus-visible {
}
.item ~ .dropdown-header,
.dropdown-section ~ .dropdown-section,
.item.separator {
margin-top: 5px;
padding-top: 5px;
@@ -1980,7 +1981,7 @@ input:checked + .slide-container .properties {
#panel .close,
.dropdown-menu .toggle_aside,
#slider .toggle_aside {
padding: 1rem;
padding: 1rem 0;
display: block;
width: 100%;
border-bottom: 1px solid var(--frss-border-color);
@@ -2005,7 +2006,8 @@ input:checked + .slide-container .properties {
position: inherit;
}
.dropdown .dropdown-header {
.dropdown .dropdown-header,
.dropdown .dropdown-section {
line-height: 2;
}

18
p/themes/base-theme/frss.rtl.css
View File

@@ -286,8 +286,8 @@ input[type="checkbox"] {
width: calc(99% - 5em);
}
.dropdown-menu > .item > a:hover,
.dropdown-menu > .item > button:hover {
.dropdown-menu .item > a:hover,
.dropdown-menu .item > button:hover {
text-decoration: none;
}
@@ -655,13 +655,13 @@ input[type="checkbox"]:focus-visible {
display: block;
}
.dropdown-menu > .item {
.dropdown-menu .item {
display: block;
}
.dropdown-menu > .item > a,
.dropdown-menu > .item > .as-link,
.dropdown-menu > .item > span {
.dropdown-menu .item > a,
.dropdown-menu .item > .as-link,
.dropdown-menu .item > span {
display: block;
width: 100%;
white-space: nowrap;
@@ -702,6 +702,7 @@ input[type="checkbox"]:focus-visible {
}
.item ~ .dropdown-header,
.dropdown-section ~ .dropdown-section,
.item.separator {
margin-top: 5px;
padding-top: 5px;
@@ -1980,7 +1981,7 @@ input:checked + .slide-container .properties {
#panel .close,
.dropdown-menu .toggle_aside,
#slider .toggle_aside {
padding: 1rem;
padding: 1rem 0;
display: block;
width: 100%;
border-bottom: 1px solid var(--frss-border-color);
@@ -2005,7 +2006,8 @@ input:checked + .slide-container .properties {
position: inherit;
}
.dropdown .dropdown-header {
.dropdown .dropdown-header,
.dropdown .dropdown-section {
line-height: 2;
}