fix: move theme toggle into shared top-bar controls
This commit is contained in:
@@ -106,19 +106,6 @@ if ($themeSection === 'head'):
|
||||
color: var(--theme-text-muted);
|
||||
}
|
||||
|
||||
#themeToggle {
|
||||
position: fixed;
|
||||
top: calc(1rem + env(safe-area-inset-top));
|
||||
right: 1rem;
|
||||
z-index: 50;
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
#themeToggle {
|
||||
top: calc(4.75rem + env(safe-area-inset-top));
|
||||
}
|
||||
}
|
||||
|
||||
#themeToggle:focus-visible {
|
||||
outline: 3px solid #2563eb;
|
||||
outline-offset: 2px;
|
||||
@@ -129,24 +116,6 @@ endif;
|
||||
|
||||
if ($themeSection === 'body'):
|
||||
?>
|
||||
<button
|
||||
id="themeToggle"
|
||||
type="button"
|
||||
class="bg-blue-600 hover:bg-blue-700 text-white p-3 rounded-full shadow-md transition"
|
||||
aria-label="Switch to dark mode"
|
||||
title="Switch to dark mode"
|
||||
>
|
||||
<i id="themeToggleIcon" class="bi bi-moon-stars-fill" aria-hidden="true"></i>
|
||||
</button>
|
||||
|
||||
<noscript>
|
||||
<style>
|
||||
#themeToggle {
|
||||
display: none !important;
|
||||
}
|
||||
</style>
|
||||
</noscript>
|
||||
|
||||
<script>
|
||||
(function () {
|
||||
var html = document.documentElement;
|
||||
|
||||
Reference in New Issue
Block a user