remove left anchor option and adjust spacing

CHANGELOG.md

@@ -1,2 +1,5 @@
+- BREAKING
+  - remove `geekblogAnchorLeft`;
+    for a better spacing left-side anchors were removed
 - INTERNAL
   - upgrade CI pipeline to use Hugo v0.74.3

exampleSite/config.yaml

@@ -29,5 +29,3 @@ params:
 
   geekdocLegalNotice: https://thegeeklab.de/legal-notice/#contact-information
   geekdocPrivacyPolicy: https://thegeeklab.de/legal-notice/#privacy-policy
-
-  geekdocAnchorLeft: true

exampleSite/content/usage/configuration.md

@@ -72,9 +72,6 @@ enableGitInfo = true
   # (Optional, default true) Add an anchor link to headlines.
   geekdocAnchor = true
 
-  # (Optional, default false) Move anchor link to the left side of headlines.
-  geekdocAnchorLeft = false
-
   # (Optional, default true) Copy anchor url to clipboard on click.
   geekdocAnchorCopy = true
 ```
@@ -154,9 +151,6 @@ params:
   # (Optional, default true) Add an anchor link to headlines.
   geekdocAnchor: true
 
-  # (Optional, default false) Move anchor link to the left side of headlines.
-  geekdocAnchorLeft: false
-
   # (Optional, default true) Copy anchor url to clipboard on click.
   geekdocAnchorCopy: true
 ```

layouts/partials/content.html

@@ -1,10 +1,7 @@
 {{ $showAnchor := (and (default true .Page.Params.GeekdocAnchor) (default true .Site.Params.GeekdocAnchor)) }}
-{{ $anchorLeft := (default false .Site.Params.GeekdocAnchorLeft) }}
 
 {{ $.Scratch.Set "content" (.Content | replaceRE `<nav id="TableOfContents">\s*<ul>\s*<li>\s*<ul>` `<nav id="TableOfContents"><ul>` | replaceRE `</ul>\s*</li>\s*</ul>\s*</nav>` `</ul></nav>` | safeHTML) }}
-{{ if and $showAnchor $anchorLeft }}
-    {{ $.Scratch.Set "content" ($.Scratch.Get "content" | replaceRE "(<h[2-9] id=\"([^\"]+)\"[^>]*>)(.*?)(</h[2-9]+>)" (printf `<div class="gdoc-page__anchorwrap">%s<a data-clipboard-text="%s" class="gdoc-page__anchor gdoc-page__anchor--left clip" aria-label="Anchor %s" href="#%s"><svg class="icon link"><use xlink:href="#link"></use></svg></a>%s%s</div>` `${1}` (absURL (printf "%s#%s" .Permalink `${2}`)) `${3}` `${2}` `${3}` `${4}`) | safeHTML) }}
-{{ else if and $showAnchor (not $anchorLeft) }}
+{{ if $showAnchor }}
     {{ $.Scratch.Set "content" ($.Scratch.Get "content" | replaceRE "(<h[2-9] id=\"([^\"]+)\"[^>]*>)(.*?)(</h[2-9]+>)" (printf `<div class="gdoc-page__anchorwrap">%s%s<a data-clipboard-text="%s" class="gdoc-page__anchor gdoc-page__anchor--right clip" aria-label="Anchor %s" href="#%s"><svg class="icon link"><use xlink:href="#link"></use></svg></a>%s</div>` `${1}` `${3}` (absURL (printf "%s#%s" .Permalink `${2}`)) `${3}` `${2}` `${4}`) | safeHTML) }}
 {{ end }}
 

src/sass/_base.scss

@@ -77,6 +77,7 @@ img {
   width: 100%;
   max-width: $container-max-width;
   margin: 0 auto;
+  padding: $padding-16;
 }
 
 .icon {
@@ -108,10 +109,6 @@ img {
     width: $font-size-16 * 2;
     height: $font-size-16 * 2;
   }
-
-  .container {
-    padding: $padding-16;
-  }
 }
 
 .gdoc-brand {
@@ -128,7 +125,7 @@ img {
 
   nav {
     width: $menu-width;
-    padding: $padding-16 * 1.5 $padding-16;
+    padding: $padding-16 $padding-32 $padding-16 0;
 
     > ul > li > * {
       font-weight: normal;
@@ -199,7 +196,7 @@ img {
 .gdoc-page {
   min-width: $body-min-width;
   flex-grow: 1;
-  padding: $padding-16 * 1.5 $padding-16;
+  padding: $padding-16 0;
 
   &__header,
   &__footer {
@@ -222,7 +219,7 @@ img {
   }
 
   &__footer {
-    margin-top: $padding-16 * 2;
+    margin-top: $padding-32;
 
     a:hover {
       text-decoration: none;
@@ -330,10 +327,6 @@ img {
       color: $color-link-footer;
     }
   }
-
-  .container {
-    padding: $padding-16;
-  }
 }
 
 .gdoc-search {
@@ -361,7 +354,7 @@ img {
   &__input {
     width: 100%;
     padding: $padding-8;
-    padding-left: $padding-16 * 2;
+    padding-left: $padding-32;
 
     border: 1px solid $gray-200;
     border-radius: $border-radius;
@@ -474,20 +467,12 @@ img {
     margin-left: -$menu-width;
     font-size: $font-size-base;
 
-    nav {
-      padding: $padding-16 * 1.5 $padding-16 * 2;
-    }
-
     &__control {
       display: inline-block;
     }
   }
 
   .gdoc-header {
-    .container {
-      padding: $padding-16 $padding-16 * 2;
-    }
-
     .icon {
       width: $font-size-16 * 1.5;
       height: $font-size-16 * 1.5;
@@ -511,7 +496,7 @@ img {
     }
 
     &__message {
-      padding-left: $padding-16 * 2;
+      padding-left: $padding-32;
     }
 
     &__line {
@@ -528,15 +513,7 @@ img {
     display: none;
   }
 
-  .gdoc-page {
-    padding: $padding-16 * 1.5 $padding-16 * 2;
-  }
-
   .gdoc-footer {
-    .container {
-      padding: $padding-16 $padding-16 * 2;
-    }
-
     &__item {
       width: 100%;
     }

src/sass/_defaults.scss

@@ -3,6 +3,7 @@ $padding-1: 1px !default;
 $padding-4: 0.25rem !default;
 $padding-8: 0.5rem !default;
 $padding-16: 1rem !default;
+$padding-32: 2rem !default;
 
 $font-size-base: 16px !default;
 $font-size-12: 0.75rem !default;
@@ -46,7 +47,7 @@ $second-color: rgba(47, 51, 62, 1) !default;
 $header-height: 3.5rem !default;
 $menu-width: 16rem !default;
 
-$sm-breakpoint: $menu-width + $body-min-width !default;
+$sm-breakpoint: $menu-width + $body-min-width + 3rem !default;
 
 // Panel colors
 $hint-colors: (