sidebar scroll fixed

HemiBob · Nov 27, 2019 · 685c996 · 685c996
1 parent d6c3987
commit 685c996
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 26 deletions.
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -1,4 +1,9 @@
-<div class="navigation">
-  <a class="button button" href="new.html">Add new template</a><br>
-  <a class="button button-clear" href="https://tasmota.github.io/docs">Tasmota Wiki</a>
+<div style="text-align: center;">
+  <a class="button button-outline" href="new.html">Add new template</a>
+</div>  
+<div style="text-align: center;">
+    <a class="button button-clear" href="https://tasmota.github.io/docs">Tasmota Wiki</a>
+  </div>  
+  <div style="text-align: center;">
+        <a href="https://paypal.me/tasmotatemplates"><img src="https://img.shields.io/static/v1?logo=paypal&label=&message=donate&color=dodgerblue"></a>
 </div>
diff --git a/_includes/sidebar.html b/_includes/sidebar.html
@@ -7,7 +7,7 @@
 	<div class="sidebar-main">
 		<a href="{{ "index.html" | relative_url }}"><img src="{{ "/assets/images/logo.svg" | relative_url }}" alt="Logo"></a>
 		{% include navigation.html %}
-		{% include search-results.html %}
 		{% include footer.html %}
+		{% include search-results.html %}
 	</div>
 </sidebar>
diff --git a/_sass/milligram.scss b/_sass/milligram.scss
@@ -168,6 +168,7 @@ input[type='reset'].button-clear[disabled]:focus,
 input[type='reset'].button-clear[disabled]:hover,
 input[type='submit'].button-clear[disabled]:focus,
 input[type='submit'].button-clear[disabled]:hover {
+  background-color: slategrey;
   color: #002b80;
 }
 

diff --git a/assets/css/docs.scss b/assets/css/docs.scss
@@ -67,6 +67,7 @@ a.menu {
 		height: 100%;
 		background: $navigation-background;
 		padding: $base-height;
+		overflow: auto;
 	}
 
 	.sidebar-mobile {

diff --git a/index.html b/index.html
@@ -7,40 +7,40 @@ <h3>{% assign counter = 0 %}{% for item in site.templates %}{% assign counter=co
 
 <b>Devices by electrical standard:</b><br>
 
-<a align="right" class="button button-large" href="all.html">ALL</a>
-<a align="right" class="button button-large" href="eu.html">EU</a>
-<a align="right" class="button button-large" href="us.html">US</a>
-<a align="right" class="button button-large" href="uk.html">UK</a>
-<a align="right" class="button button-large" href="anzac.html">AU-NZ-AR-CN</a>
-<a align="right" class="button button-large" href="in.html">IN</a>
-<a align="right" class="button button-large" href="il.html">IL</a>
-<a align="right" class="button button-large" href="br.html">BR</a>
-<a align="right" class="button button-large" href="za.html">ZA</a>
-<a align="right" class="button button-large" href="global.html">GLOBAL</a>
+<a align="right" class="button button-large button-outline" href="all.html">ALL</a>
+<a align="right" class="button button-large button-outline" href="eu.html">EU</a>
+<a align="right" class="button button-large button-outline" href="us.html">US</a>
+<a align="right" class="button button-large button-outline" href="uk.html">UK</a>
+<a align="right" class="button button-large button-outline" href="anzac.html">AU-NZ-AR-CN</a>
+<a align="right" class="button button-large button-outline" href="in.html">IN</a>
+<a align="right" class="button button-large button-outline" href="il.html">IL</a>
+<a align="right" class="button button-large button-outline" href="br.html">BR</a>
+<a align="right" class="button button-large button-outline" href="za.html">ZA</a>
+<a align="right" class="button button-large button-outline" href="ch.html">CH</a>
+<a align="right" class="button button-large button-outline" href="global.html">GLOBAL</a>
 <br><a href="https://www.worldstandards.eu/electricity/spread-plug-types-map/" target="_blank">World map of plugs</a> for more information.
 <br>
 <br>
 <b>Devices by type:</b><br>
-<a align="right" class="button button-large" href="plug.html">PLUGS</a>
-<a align="right" class="button button-large" href="light.html">LIGHTS</a>
-<a align="right" class="button button-large" href="switch.html">SWITCHES</a>
-<a align="right" class="button button-large" href="relay.html">RELAYS</a>
-<a align="right" class="button button-large" href="misc.html">MISCELLANEOUS</a>
+<a align="right" class="button button-large button-outline" href="plug.html">PLUGS</a>
+<a align="right" class="button button-large button-outline" href="light.html">LIGHTS</a>
+<a align="right" class="button button-large button-outline" href="switch.html">SWITCHES</a>
+<a align="right" class="button button-large button-outline" href="relay.html">RELAYS</a>
+<a align="right" class="button button-large button-outline" href="misc.html">MISCELLANEOUS</a>
 <br><br>
 <div>
-    <a class="button button-large" href="new.html">Add new template</a>
+    <a class="button button-large button-outline" href="new.html">Add new template</a>
     </div><br>
-<h3>Recently added devices:</h3>
+    <div><b>You can now easily copy the template to clipboard by using the copy button! </b></div>
+    <p></p>
+
+    <h3>Recently added devices:</h3>
 <ul>
 {% assign sorted = site.templates  | sort: "date" | reverse %}
-{% for template in sorted limit:7 %}
+{% for template in sorted limit:10 %}
 <li><a class="menu" href="{{site.baseurl}}{{ template.url }}">{{ template.title }} {{ template.type }} {% assign standard_list = template.standard %}
         {% for item_standard in standard_list %}
         {{ item_standard | upcase }}
         {% endfor %}</a></li>
 {% endfor %}
 </ul>
-
-<div class="float.right">
-If you find this resource helpful consider donating via <a href="https://paypal.me/tasmotatemplates">PayPal</a>.
-</div>