Merge pull request #26 from go-gitea/feature/improve-navigation

Improve overall look of the navigation for docs.gitea.io

layouts/partials/pages.html

@@ -3,10 +3,8 @@
 		{{ $currentNode := . }}{{ range .Site.Menus.sidebar }}
 			{{ if .HasChildren }}
 				<li class="nav-item">
-					<a class="nav-link" href="#">
-						{{ .Pre }}
-						{{ .Name }}
-					</a>
+					{{ .Pre }}
+					{{ .Name }}
 					<ul>
 						{{ range .Children }}
 							<li class="nav-item">

layouts/post/list.html

@@ -3,7 +3,7 @@
 
 <div class="container content">
 	<div class="row">
-		<div class="col-xs-12">
+		<div class="col-lg-8 offset-lg-2">
 			{{ $paginator := .Paginate (where .Data.Pages "Type" "post") }}{{ range $paginator.Pages }}
 				<article>
 					<header>

layouts/post/single.html

@@ -3,7 +3,7 @@
 
 <div class="container content">
 	<div class="row">
-		<div class="col-xs-12">
+		<div class="col-lg-8 offset-lg-2">
 			<article>
 				<header>
 					<h2>
@@ -23,14 +23,16 @@
 				</header>
 
 				{{ .Content }}
+
+				{{ if .Site.DisqusShortname }}
+					<div class="row">
+						<div class="col-xs-12">
+							{{ partial "disqus.html" . }}
+						</div>
+					</div>
+				{{ end }}
 			</article>
 		</div>
-
-		{{ if .Site.DisqusShortname }}
-			<div class="col-xs-12">
-				{{ partial "disqus.html" . }}
-			</div>
-		{{ end }}
 	</div>
 </div>
 

src/main.scss

@@ -43,7 +43,9 @@
 }
 
 aside ul.nav {
-  border-right: 1px solid lighten($accent-color, 30);
+  @include media-breakpoint-up(sm) {
+    border-right: 1px solid lighten($accent-color, 30);
+  }
 
   ul {
     margin: 0;