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(even) { background-color:#3f4a53 }
ul.striped_list > li:nth-child(odd) ul li:nth-child(odd) { background-color:#302f3b;} ul.striped_list > li:nth-child(odd) ul li:nth-child(odd) { background-color:#302f3b;}
.category_list {
max-width: 40rem;
margin: auto;
}
.category_entry { .category_entry {
margin-top: 1em;
background-color: #3f4a53;
} }
.category_header { .category_header {
@ -53,13 +60,16 @@ ul.striped_list > li:nth-child(odd) ul li:nth-child(odd) { background-color:#30
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-left: 2.5em !important; background-color: #302f3b;
border-left: groove 1em; margin-left: 2.5em !important;
border-top: groove 1em; padding-left: 1em !important;
border-bottom: dotted;
border-left: groove 0.5em;
border-top: groove 0.5em;
border-color: #696969; border-color: #696969;
font-size: 0.8em; font-size: 0.8em;
} }
.category_name { .category_name {
@ -67,18 +77,6 @@ ul.striped_list > li:nth-child(odd) ul li:nth-child(odd) { background-color:#30
margin: auto; 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 { .category_icon {
border-radius: 2em; border-radius: 2em;
height: 4em; 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_header">
<div class="category_icon" <div class="category_icon"
style="background-color: {{this.category.color}}" style="background-color: {{this.category.color}}"
@ -45,10 +45,10 @@
</div> </div>
</div> </div>
{{#if this.children}} {{#if this.children}}
<ul class="category_children striped_list"> <div class="category_children">
{{#each this.children}} {{#each this.children}}
{{> category_entry}} {{> category_entry}}
{{/each}} {{/each}}
</ul> </div>
{{/if}} {{/if}}
</li> </div>

4
server/templates/index.hbs
View File

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