awesomewm-mirrors
/
awesome-wm-widgets
mirror of https://github.com/streetturtle/awesome-wm-widgets.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix sidenav

This commit is contained in:
Pavel Makhov 2020-12-13 13:37:39 -05:00
parent dd63ae1207
commit 7cae730bf9
2 changed files with 21 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
_layouts/page.html
View File

@ -13,11 +13,14 @@
<a href="{{ site.url | append: site.baseurl}}/"><span <a href="{{ site.url | append: site.baseurl}}/"><span
style="font-family: awesomewm-font; font-weight: 100;">awesome wm</span></a> style="font-family: awesomewm-font; font-weight: 100;">awesome wm</span></a>
</div> </div>
<div id="description" class="header center white-text"> <div id="description" class="header center white-text">
Widgets for Awesome Window Manager Widgets for Awesome Window Manager
</div> </div>
</div> </div>
<div id="particles-js"></div> <div id="particles-js"></div>
<a href="#" data-target="slide-out" class="top-nav sidenav-trigger full hide-on-large-only"><i class="fa fa-bars"></i></a>
</div> </div>
</div> </div>
@ -26,7 +29,7 @@
<main> <main>
{% include github-corner.html %} {% include github-corner.html %}
<ul class="sidenav sidenav-fixed" style="transform: translateX(0px);"> <ul id="slide-out" class="sidenav sidenav-fixed" style="transform: translateX(0px);">
<ul class="collapsible collapsible-accordion"> <ul class="collapsible collapsible-accordion">
<li class="tab col s2"><a class="tab white-text" href="#tabMain">Awesome WM Widgets</a></li> <li class="tab col s2"><a class="tab white-text" href="#tabMain">Awesome WM Widgets</a></li>
<li><div class="divider"></div></li> <li><div class="divider"></div></li>
@ -35,7 +38,7 @@
<div class="collapsible-body"> <div class="collapsible-body">
<ul> <ul>
{% for widget in site.widgets %} {% for widget in site.widgets %}
<li class="tab col s2 "> <li class="tab col s2 sidenav-close">
<a class="tab" href="#tab{{ widget.title | replace: ' ', '_' }}"> <a class="tab" href="#tab{{ widget.title | replace: ' ', '_' }}">
{{ widget.title | replace: 'Cpu', 'CPU' | replace: 'Ram', 'RAM' | replace: 'Fs', 'FS' | replace: 'Todo', 'ToDo'}} {{ widget.title | replace: 'Cpu', 'CPU' | replace: 'Ram', 'RAM' | replace: 'Fs', 'FS' | replace: 'Todo', 'ToDo'}}
</a> </a>
@ -50,7 +53,7 @@
<div class="collapsible-body"> <div class="collapsible-body">
<ul> <ul>
{% for prompt in site.prompts %} {% for prompt in site.prompts %}
<li class="tab col s2 "> <li class="tab col s2 sidenav-close">
<a class="tab" href="#tab{{ prompt.title | replace: ' ', '_' }}"> <a class="tab" href="#tab{{ prompt.title | replace: ' ', '_' }}">
{{ prompt.title }} {{ prompt.title }}
</a> </a>
@ -66,7 +69,7 @@
<div class="collapsible-body"> <div class="collapsible-body">
<ul> <ul>
{% for tip in site.tips %} {% for tip in site.tips %}
<li class="tab col s2 "> <li class="tab col s2 sidenav-close">
<a class="tab" href="#tab{{ tip.title | replace: ' ', '_' }}"> <a class="tab" href="#tab{{ tip.title | replace: ' ', '_' }}">
{{ tip.title }} {{ tip.title }}
</a> </a>
@ -81,7 +84,7 @@
<div class="collapsible-body"> <div class="collapsible-body">
<ul> <ul>
{% for snippet in site.snippets %} {% for snippet in site.snippets %}
<li class="tab col s2 "> <li class="tab col s2 sidenav-close">
<a class="tab" href="#tab{{ snippet.title | replace: ' ', '_' }}"> <a class="tab" href="#tab{{ snippet.title | replace: ' ', '_' }}">
{{ snippet.title }} {{ snippet.title }}
</a> </a>

13
assets/css/style.scss
View File

@ -69,7 +69,18 @@ footer {
padding-top: 0 !important; padding-top: 0 !important;
padding-bottom: 12px; padding-bottom: 12px;
} }
a.sidenav-trigger.top-nav {
position: absolute;
text-align: center;
height: 28px;
width: 28px;
top: 8px;
float: none;
margin-left: 1.5rem;
color: #3CA2A2;
font-size: 36px;
z-index: 2;
}
.sidenav { .sidenav {
background-color: #202020; background-color: #202020;
color: white; color: white;