diff options
| -rw-r--r-- | app/views/partials/navigator.php | 28 | ||||
| -rw-r--r-- | public/css/tdro.css | 3 |
2 files changed, 15 insertions, 16 deletions
diff --git a/app/views/partials/navigator.php b/app/views/partials/navigator.php index 67cf609..ab2ea58 100644 --- a/app/views/partials/navigator.php +++ b/app/views/partials/navigator.php @@ -27,21 +27,19 @@ $route = '/contact/'; $label = 'Contact'; $icon = 'mail'; require views('components', 'navigator.link'); ?> - <div class="navbar-item navbar__icon has-text-dark has-tap-transparent"> - <?php - $links = true; - $id = 'mobile-compact'; - $type = 'is-menu is-right'; - $icon = icon('arrow-down-circle'); - $label = <<<insert - <span class="is-block has-text-centered"> - $icon - <span class="is-block navbar__icon__label">More</span> - </span> - insert; - require views('components', 'context.menu'); - ?> - </div> + <?php + $links = true; + $id = 'mobile-compact'; + $type = 'navbar-item is-menu is-right navbar__icon has-text-dark has-tap-transparent'; + $icon = icon('arrow-down-circle'); + $label = <<<insert + <span class="is-block has-text-centered"> + $icon + <span class="is-block navbar__icon__label">More</span> + </span> + insert; + require views('components', 'context.menu'); + ?> </div> <div class="navbar__right column"> diff --git a/public/css/tdro.css b/public/css/tdro.css index b23dbb6..84497d9 100644 --- a/public/css/tdro.css +++ b/public/css/tdro.css @@ -3921,7 +3921,8 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top, html.has-navbar-fixed-bott justify-content: center; } -.dropdown label { cursor: pointer; } +.navbar__middle .dropdown { padding: 0; } +.dropdown label { cursor: pointer; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0 1.5rem; } .dropdown-content .navbar-item { margin: 0; padding: 0.65rem 1rem; width: 100%; } .dropdown-content .navbar__active { font-weight: 700; color: #014cc6; } .dropdown-content a.navbar-item:hover, .dropdown-content .theme-toggle-button:hover { background-color: #ffeac2; color: black; } |