mirror of https://github.com/lxndrblz/anatole.git
parent: 5e10a207 | patch | commit | show whitespace
alexanderdavide
10.37.2022 8f27e4fee2bff7201667fb3c90da657755c92c34 
refactor: sidebar
1 files deleted
6 files modified
93 ■■■■■ changed files
assets/css/style.css 12 ●●●●● patch | view | raw | blame | history
assets/scss/main.scss 1 ●●●●● patch | view | raw | blame | history
assets/scss/partials/components/_sidebar.scss 63 ●●●●● patch | view | raw | blame | history
assets/scss/partials/layout/_main.scss 3 ●●●●● patch | view | raw | blame | history
layouts/_default/baseof.html 8 ●●●●● patch | view | raw | blame | history
layouts/index.html 4 ●●●●● patch | view | raw | blame | history
layouts/partials/sidebar.html 2 ●●●●● patch | view | raw | blame | history 
 assets/css/style.css


@@ -742,10 +742,10 @@


}


*/


/* share */




/* 


.read_more {


  font-size: 1.4rem;


}


} */




/*


#fb_comments_container {


@@ -869,7 +869,7 @@


*/




/* Menu */


.menu {


/* .menu {


  float: right;


  padding-top: 30px;


}


@@ -925,7 +925,7 @@


  visibility: hidden;


  width: 100px;


  float: right;


}


} */


/*


.page_404 {


  text-align: center;


@@ -1090,9 +1090,9 @@


}




@media screen and (max-width: 960px) {


  aside {


  /* aside {


    width: 100%;


  }


  } */




  .sidebar {


    width: 100%;




 assets/scss/main.scss


@@ -6,7 +6,6 @@


@import './partials/layout/body';


@import './partials/layout/header';


@import './partials/layout/nav';


@import './partials/layout/main';


@import './partials/components/animated';


@import './partials/components/category';


@import './partials/components/tag';




 assets/scss/partials/components/_sidebar.scss


@@ -2,10 +2,39 @@


  -webkit-background-size: cover;


  background-size: cover;


  background-color: var(--bg-color);


  height: 100%;


  left: 0;


  z-index: 4;


  border-right: 1px solid var(--border-color);




  @media screen and (min-width: 961px), print {


    border-right: 1px solid $primary-lighter;


    z-index: 3;


    height: 100vh;


    position: fixed;


    width: $sidebar-width;


    display: flex;


    flex-direction: column;


  }




  @include widescreen {


    padding-left: 17%;


    padding-right: 3%;


    width: calc(var(--sidebar-width) - 20%);


  }




  &-wrapper {


    width: 100%;




    @media screen and (min-width: 961px), print {


      width: $sidebar-width;


    }


  }




  &__content {


    @media screen and (min-width: 961px), print {


      display: flex;


      flex-direction: column;


      flex-grow: 1;


      justify-content: center;


    }


  }




  &__list {


    list-style: none;


@@ -53,30 +82,4 @@


      margin: 1em;


    }


  }






}




@media screen and (min-width: 961px), print {


  .sidebar {


    height: 100vh;


    display: flex;


    flex-direction: column;


    position: fixed;


    width: $sidebar-width;


    &__content {


      display: flex;


      flex-direction: column;


      justify-content: center;


      flex-grow: 1;


    }


  }


}




@media (min-width: 1921px) {


  .sidebar {


    padding-left: 17%;


    padding-right: 3%;


    width: calc(var(--sidebar-width) - 20%);


  }


}




 assets/scss/partials/layout/_main.scss


File was deleted




 layouts/_default/baseof.html


@@ -9,17 +9,9 @@


  <body class="body">


    <header class="header">{{ partial "navbar.html" . }}</header>


    <div class="wrapper">


      <aside class="aside">


        {{- partial "sidebar.html" . -}}


      </aside>


      <main class="main">


        <div class="autopagerize_page_element">


          <div class="content">


            {{- block "main" . }}{{- end }}


          </div>


        </div>


      </main>


    </div>




    {{- partial "footer.html" (dict "context" . "footerClassModifier" "base") -}}






 layouts/index.html


@@ -1,4 +1,5 @@


{{ define "main" }}


  <main class="post-wrapper">


  <div


    class="post {{ with .Site.Params.doNotLoadAnimations }}


      .


@@ -74,7 +75,7 @@


          </p>


          <!-- add read more -->


          {{- if and (.Truncated) (.Site.Params.readMore) -}}


            <a href="{{ .RelPermalink }}" class="read_more">{{ i18n "read_more" }}</a>


              <a href="{{ .RelPermalink }}" class="post__more">{{ i18n "read_more" }}</a>




          {{- end -}}


        </div>


@@ -116,5 +117,6 @@


  <div class="pagination">


    {{ template "partials/pagination.html" . }}


  </div>


  </main>




{{ end }}




 layouts/partials/sidebar.html


@@ -1,3 +1,4 @@


<aside class="sidebar-wrapper">


<div


  class="sidebar{{ with .Site.Params.doNotLoadAnimations }}


    .


@@ -28,3 +29,4 @@


  </div>


  {{- partial "footer.html" (dict "context" . "footerClassModifier" "sidebar") -}}


</div>


</aside>