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' { @if $theme == 'dark' {
.dropdown-menu .dark-mode-switch-on { .page-navbar .dark-mode-switch-on {
display: block; display: block;
} }
.dropdown-menu .dark-mode-switch-off { .page-navbar .dark-mode-switch-off {
display: none; display: none;
} }
} @else { } @else {
.dropdown-menu .dark-mode-switch-on { .page-navbar .dark-mode-switch-on {
display: none; display: none;
} }
.dropdown-menu .dark-mode-switch-off { .page-navbar .dark-mode-switch-off {
display: block; display: block;
} }
} }
@@ -19,7 +19,7 @@ $aclass = $dropdown ? 'dropdown-item' : 'nav-link';
{!! $li !!} {!! $li !!}
<form method="POST" action="{{ route('toggle-dark-mode') }}" aria-hidden="true"> <form method="POST" action="{{ route('toggle-dark-mode') }}" aria-hidden="true">
@csrf @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"> <div class="dark-mode-switch-on">
<i class="fa-sun-o fa-pr"></i>{{ __('Light Mode') }} <i class="fa-sun-o fa-pr"></i>{{ __('Light Mode') }}
</div> </div>