Browse Source

fix: dark-mode-toggle positioning

pull/5/head
Rohan Verma 6 years ago
parent
commit
bce2fc3dfa
4 changed files with 34 additions and 4 deletions
  1. +2
    -2
      assets/css/custom.css
  2. +0
    -1
      layouts/_default/baseof.html
  3. +1
    -1
      layouts/partials/body/darkmode.html
  4. +31
    -0
      layouts/partials/components/navmenu.html

+ 2
- 2
assets/css/custom.css View File

dark-mode-toggle { dark-mode-toggle {
--dark-mode-toggle-dark-icon: url("/wp-content/moon.png");
--dark-mode-toggle-dark-icon: url("/wp-content/moon.png");
--dark-mode-toggle-dark-icon: url("/wp-content/sun.png");
--dark-mode-toggle-light-icon: url("/wp-content/moon.png");
} }


body.light { body.light {

+ 0
- 1
layouts/_default/baseof.html View File

{{ $hackcss_mode := .Site.Params.hackcss.mode | default "hack" }} {{ $hackcss_mode := .Site.Params.hackcss.mode | default "hack" }}
{{ $hackcss_palette := .Site.Params.hackcss.palette | default "dark" }} {{ $hackcss_palette := .Site.Params.hackcss.palette | default "dark" }}
<body class="{{ if ne $hackcss_disabled true }}{{ $hackcss_mode }} {{ $hackcss_palette }} main container{{ end }}"> <body class="{{ if ne $hackcss_disabled true }}{{ $hackcss_mode }} {{ $hackcss_palette }} main container{{ end }}">
{{ partial "body/darkmode.html" . }}
<header>{{ block "header" . }}{{ end }}</header> <header>{{ block "header" . }}{{ end }}</header>
<main>{{ block "main" . }}{{ end }}</main> <main>{{ block "main" . }}{{ end }}</main>
<footer> <footer>

+ 1
- 1
layouts/partials/body/darkmode.html View File

id="dark-mode-toggle-1" id="dark-mode-toggle-1"
appearance="toggle" appearance="toggle"
permanent=true permanent=true
style="position:absolute;top:5px;right:50%"
style="display:inline-block; contain: none; height:20px;position: relative; top: -3px;"
></dark-mode-toggle> ></dark-mode-toggle>

+ 31
- 0
layouts/partials/components/navmenu.html View File

{{/*
Copyright (C) 2019 Josh Habdas <[email protected]>

This file is part of After Dark.

After Dark is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

After Dark is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
*/ -}}

{{ if not (eq .settings.hidden true) }}
<nav itemscope itemtype="https://schema.org/SiteNavigationElement">
<meta itemprop="name" content="{{ .name | humanize }} Menu">
{{ range .entries }}
{{ $is_active := or ($.page.IsMenuCurrent $.name .) ($.page.HasMenuCurrent $.name .) }}
{{ if (not (in $.settings.exclude .Identifier)) }}
<a itemprop="url"{{ if $is_active }} class="active"{{ end }}{{ if eq .Identifier "search" }} rel="search"{{ end }} href="{{ .URL }}">{{ if .Pre }}{{ .Pre | safeHTML }} {{ end }}{{ .Name }}{{ if .Post }} {{ .Post | safeHTML }}{{ end }}</a>
{{ end }}
{{ end }}
{{ if eq .name "utility" }}{{ partial "body/darkmode.html" . }}{{ end}}
</nav>
{{ end }}

Loading…
Cancel
Save