hulthe/stl
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

web: Remove striped colors from category list

Browse Source
This commit is contained in:
Joakim Hulthe
2021-05-04 16:21:56 +02:00
parent 7686d6ba6b
commit 052816198c
3 changed files with 20 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
server/static/styles/common.css
View File

@ -41,7 +41,14 @@ ul.striped_list > li:nth-child(even) ul li:nth-child(odd) { background-color:#3
ul.striped_list > li:nth-child(odd) ul li:nth-child(even) { background-color:#3f4a53 }
ul.striped_list > li:nth-child(odd) ul li:nth-child(odd) { background-color:#302f3b;}
.category_list {
max-width: 40rem;
margin: auto;
}
.category_entry {
margin-top: 1em;
background-color: #3f4a53;
}
.category_header {
@ -53,13 +60,16 @@ ul.striped_list > li:nth-child(odd) ul li:nth-child(odd) { background-color:#30
display: flex;
flex-direction: column;
margin-left: 2.5em !important;
background-color: #302f3b;
border-left: groove 1em;
border-top: groove 1em;
border-bottom: dotted;
margin-left: 2.5em !important;
padding-left: 1em !important;
border-left: groove 0.5em;
border-top: groove 0.5em;
border-color: #696969;
font-size: 0.8em;
}
.category_name {
@ -67,18 +77,6 @@ ul.striped_list > li:nth-child(odd) ul li:nth-child(odd) { background-color:#30
margin: auto;
}
/*
.category_button {
border-radius: 1em;
color: white;
font-size: 2em;
height: 2em;
width: 2em;
margin: 0.1em;
font-family: 'Source Sans Pro', sans-serif;
}
*/
.category_icon {
border-radius: 2em;
height: 4em;

8
server/templates/category_entry.hbs
View File

@ -1,4 +1,4 @@
<li class="category_entry">
<div class="category_entry">
<div class="category_header">
<div class="category_icon"
style="background-color: {{this.category.color}}"
@ -45,10 +45,10 @@
</div>
</div>
{{#if this.children}}
<ul class="category_children striped_list">
<div class="category_children">
{{#each this.children}}
{{> category_entry}}
{{/each}}
</ul>
</div>
{{/if}}
</li>
</div>

4
server/templates/index.hbs
View File

@ -4,11 +4,11 @@
<body>
{{> header}}
<ul class="striped_list">
<div class="category_list">
{{#each categories}}
{{>category_entry}}
{{/each}}
</ul>
</div>
<script>
function toggle_category(id) {