add option to change sidebar direction

assets/sass/_theme/_utils.sass

@@ -442,19 +442,23 @@ $space-unit: 4 !default
     font-display: swap
     src: $src
 
-@mixin sidebar
+@mixin sidebar($side: start)
     @include media-breakpoint-down(desktop)
         padding: 0 half($grid-gutter-sm)
         margin-bottom: $spacing3
-    @include in-page-with-sidebar
-        @include container-margin-left
+    @include media-breakpoint-up(desktop)
+        @if $side == start
+            @include container-margin-left
+            left: 0
+        @else
+            @include container-margin-right
+            right: 0
         margin-top: 0
         top: 0
-        left: 0
         height: 100%
         position: absolute
         width: col-outside-container(4)
-        &:not(.paper-sidebar)> div
+        & > div
             @include sticky($spacing1)
         .toc-container
             border-top: 1px solid $color-border

assets/sass/_theme/sections/papers.sass

@@ -44,7 +44,6 @@
                 margin-top: $spacing2
                 @include media-breakpoint-up(desktop)
                     margin-top: $spacing3
-            
 
 .papers__page
     @include media-breakpoint-down(desktop)
@@ -68,13 +67,10 @@
                 @include sticky(-1px)
             .media
                 width: col(2, 4)
-    
     .document-content
         min-height: 100vh
         .content
             margin-bottom: $spacing4
-            @include media-breakpoint-up(desktop)
-                padding-left: offset(4)
             section + section
                 margin-top: $spacing2
                 @include media-breakpoint-up(desktop)
@@ -107,10 +103,6 @@
                                 @include stretched-link(before)
                                 text-decoration: none
         .document-nav
-            // @include media-breakpoint-up(desktop)
-            //     grid-column: 1 / 5
-            //     img
-            //         width: col(2, 4)
             dl
                 margin: 0
                 dt
@@ -124,6 +116,31 @@
                         flex-direction: column
                         span
                             order: 3
+    .document-content
+        &.sidebar-on-start
+            .section-sidebar
+                @include sidebar(start)
+            @include media-breakpoint-up(desktop)
+                .container
+                    .content
+                        padding-left: offset(4)
+        &.sidebar-on-end
+            .section-sidebar
+                @include sidebar(end)
+            @include media-breakpoint-up(desktop)
+                .container
+                    .content
+                        padding-right: offset(4)
+                .blocks
+                    .block
+                        .block-content
+                            padding-left: 0
+                            padding-right: offset(4)
+                .heading
+                    h2
+                        padding-left: 0
+                        padding-right: offset(4)
+
 .citations
     &:not(:first-child)
         margin-top: $spacing3
@@ -139,6 +156,3 @@
         p
             @include meta
             margin-top: $spacing0
-
-.paper-sidebar
-    @include sidebar
\ No newline at end of file

config.yaml

@@ -45,6 +45,9 @@ params:
   pages:
     index:
       truncate_description: 200 # Set to 0 to disable truncate
+  papers:
+    sidebar:
+      direction: start
   persons:
     index:
       layout: grid # grid | list

layouts/papers/single.html

 {{ define "main" }}
 {{ partial "papers/hero.html" . }}
 
-<div class="document-content" itemscope itemtype="https://schema.org/ScholarlyArticle">
+<div class="document-content sidebar-on-{{ site.Params.papers.sidebar.direction }}" itemscope itemtype="https://schema.org/ScholarlyArticle">
   <meta itemprop="name" content="{{ partial "PrepareHTML" .Title }}">
   {{ partial "papers/sidebar.html" . }}