docs-cambiocds-com-jekyll-theme 1.0.9 → 1.0.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 825d90c943be2115d7656313af07694c070e4a52
-  data.tar.gz: 52afb6a24a8a16b091ca1aee7ee68eef2985ac7f
+  metadata.gz: 011ca5b920ddf6e7fd2784934908afd1e11b2bee
+  data.tar.gz: 767c84d6ec4c01956f2e57d99633c470c09c3ec3
 SHA512:
-  metadata.gz: 18a73d1c91a1283c87ff37fb0b184e44a7300340ce04c168a1f051b87c3372879118cb72ba5f17be6d684170379ca3aa5f0e7db3688c2920af88008da9c24fac
-  data.tar.gz: 35a118426c5f213654af3381a3cee84a63481dc8471fcd86e69899c0193a6aa2c4dc9d0ac21440b88ce86347cf8868b99a73b5c52c57ca606b0170b5c510339c
+  metadata.gz: d4554ecf056b3e0afeab63c2a8d4abfd7568b38dab5477ea1281686303858aceed6af3eb31c6d6fe706df543bac4e8deeaf2f171e54246f102a8dce88ed9b324
+  data.tar.gz: 2ee26a17c02be44bbcb8f1f309030544cef01bb7ddd0cee17d3df4d2797ecc248661c43e32a97371bc0b1b6f950aeff2b0799f52abf5446bd8bbdbf2e4a96bb6

data/_layouts/default.html

@@ -36,7 +36,7 @@
 				<ul class="navbar-nav mr-auto">
 					<li class="nav-item">
 						<h1>
-							<a href=".">> {{site.title}}</a>
+							<a href="."> > {{site.title}}</a>
 						</h1>
 					</li>
 				</ul>
@@ -55,7 +55,7 @@
 		</nav>
 		<!-- End Nav -->
 		<!-- Main Page Content and Sidebar -->
-		{% if site.title != page.title %}
+		{% if page.title and site.title != page.title %}
 		<h2 id="adocTitle">{{page.title}}</h2>
 		{% endif %}
 		<!-- Main Blog Content -->
@@ -77,6 +77,8 @@
 				<img src="assets/images/CAMBIO_logotype_healthcare_horizontal_RGB_2018.png"/>
 			</div>
 		</footer>
-		<!--End Footer -->
+		<!-- End Footer -->
+    <!-- Keep the script at the bottom of the page to avoid issues loading the page -->
+    <script src="{{page.root}}assets/js/custom.js"></script>
 	</body>
 </html>

data/assets/css/custom.css

@@ -15,8 +15,7 @@ h1 {
   background-image: url("../images/page-header.jpg");
   background-color: #333333;
   padding: 3px;
-  height: 60px;
-  line-height: 60px;
+  height: auto;
   flex-wrap: wrap;
 }
 .navbar-brand {
@@ -29,6 +28,17 @@ h1 {
 .navbar-brand:hover {
   color: #FFFFFF;
 }
+@media only screen and (max-width: 768px) {
+  .navbar-brand {
+    padding: 0.3125rem 0;
+    font-size: 19px;
+  }
+}
+@media only screen and (max-width: 768px) {
+  .navbar-collapse {
+    flex-wrap: wrap;
+  }
+}
 .mr-auto{
   margin-right: 0px !important;
 }
@@ -45,6 +55,12 @@ li.nav-item h1 {
   font-size:1.25rem;
   font-weight:bold;
 }
+@media only screen and (max-width: 768px) {
+  li.nav-item h1 {
+    margin-bottom: 0px;
+    margin-top: 0px;
+  }
+}
 li.nav-item h1 a {
   color: #FFFFFF;
   font-size: 1.25rem;
@@ -56,9 +72,13 @@ li.nav-item h1 a:hover {
   color: #FFFFFF;
   text-decoration: none;
 }
+@media only screen and (max-width: 768px) {
+  li.nav-item h1 a {
+    font-size: 19px;
+  }
+}
 h2#adocTitle {
   max-width: 62.5rem;
-  margin-top: 5%;
   margin-right: auto;
   margin-left: auto;
 }

data/assets/js/custom.js

@@ -0,0 +1,35 @@
+/* Start of script:
+Calculates the height of the navbar in relation to the AdocTitle tag
+when a document is selected or in relation to the home tag when
+the menu of a project is selected.
+Additionally when the start page index is loaded it assigns a fixed
+height value to the navbar instead.
+*/
+
+const nav = document.querySelector('nav');
+
+function setupNavHeightCalculator(element) {
+  return function() {
+    const navHeight = nav.clientHeight;
+    element.style.marginTop = navHeight + 20 + "px";
+  }
+}
+
+const adocTitle = document.querySelector('#adocTitle');
+const home = document.querySelector('.home');
+const homeIndex = document.querySelector('.homeIndex');
+
+if (adocTitle) {
+  const calculateNavHeight = setupNavHeightCalculator(adocTitle)
+  
+  window.addEventListener('resize', calculateNavHeight);
+  calculateNavHeight();
+} else if (home) {
+  const calculateNavHeight = setupNavHeightCalculator(home)
+    
+  window.addEventListener('resize', calculateNavHeight);
+  calculateNavHeight();  
+} else if (homeIndex) {
+  nav.style.height = '60px';
+}
+//End of script

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: docs-cambiocds-com-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 1.0.9
+  version: 1.0.10
 platform: ruby
 authors:
 - MIG
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-03-18 00:00:00.000000000 Z
+date: 2019-03-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -69,6 +69,7 @@ files:
 - assets/images/CAMBIO_logotype_healthcare_horizontal_RGB_2018.png
 - assets/images/favicon.png
 - assets/images/page-header.jpg
+- assets/js/custom.js
 - assets/js/toc.js
 - assets/js/vendor/fastclick.js
 - assets/js/vendor/jquery.cookie.js