fix ridiculous dark mode button look with noscript

This commit is contained in:
2018-08-06 22:51:32 +02:00
parent f48887b21a
commit 1e8deaef1a
2 changed files with 5 additions and 5 deletions
@@ -23,17 +23,17 @@
}
@if $theme == 'dark' {
.dropdown-menu .dark-mode-switch-on {
.page-navbar .dark-mode-switch-on {
display: block;
}
.dropdown-menu .dark-mode-switch-off {
.page-navbar .dark-mode-switch-off {
display: none;
}
} @else {
.dropdown-menu .dark-mode-switch-on {
.page-navbar .dark-mode-switch-on {
display: none;
}
.dropdown-menu .dark-mode-switch-off {
.page-navbar .dark-mode-switch-off {
display: block;
}
}
@@ -19,7 +19,7 @@ $aclass = $dropdown ? 'dropdown-item' : 'nav-link';
{!! $li !!}
<form method="POST" action="{{ route('toggle-dark-mode') }}" aria-hidden="true">
@csrf
<button id="toggle-dark-mode-btn" class="{{ $aclass }}" type="submit" onclick="event.preventDefault(); toggleDarkMode();">
<button id="toggle-dark-mode-btn" class="btn-link border-0 {{ $aclass }}" type="submit" onclick="event.preventDefault(); toggleDarkMode();">
<div class="dark-mode-switch-on">
<i class="fa-sun-o fa-pr"></i>{{ __('Light Mode') }}
</div>