pixx
/
CoMato
Archived
1
1
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

drobná úprava vzhledu

Browse Source
master
David Zálešák 4 years ago
parent 3e1238cd49
commit 2e91df6260
2 changed files with 51 additions and 43 deletions
Show Stats Download Patch File Download Diff File

87
css/style.css
Unescape Escape View File

@ -1,70 +1,75 @@
body, html {
margin: 0;
padding: 0;
height: 100%;
body,
html {
margin: 0;
padding: 0;
height: 100%;
}
nav {
border-bottom: 2px solid #ccc;
margin: 0;
grid-area: nav;
border-bottom: 2px solid #ccc;
margin: 0;
grid-area: nav;
padding: 0.3em 2em;
}
ul {
margin: 0;
padding-left: 10pt;
list-style: none;
margin: 0;
padding-left: 10pt;
list-style: none;
}
ul:nth-child(1) {
padding: 1em 1em;
padding: 1em 1em;
}
li:hover {
background-color: blue;
}
li::before {
content: '';
margin-right: 5pt;
width: 1em;
height: 1em;
display: inline-block;
content: "";
margin-right: 5pt;
width: 1em;
height: 1em;
display: inline-block;
}
li[style]::before {
content: '';
display: inline-block;
background-image: url('../img/arrow-down.svg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 0.7em;
height: 0.7em;
margin-right: 3pt;
content: "";
display: inline-block;
background-image: url("../img/arrow-down.svg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 0.7em;
height: 0.7em;
margin-right: 3pt;
}
.container {
display: grid;
grid-template-columns: max-content auto;
grid-template-rows: 3em auto auto;
height: 100%;
grid-template-areas:
display: grid;
grid-template-columns: max-content auto;
grid-template-rows: max-content auto max-content;
height: 100%;
grid-template-areas:
"nav nav"
"aside section"
"footer footer";
}
section {
grid-area: section;
grid-area: section;
}
aside {
margin: 0;
height: 100%;
grid-area: aside;
overflow-y: scroll;
margin-right: 2px solid #ccc;
margin: 0;
height: 100%;
grid-area: aside;
overflow-y: scroll;
margin-right: 2px solid #ccc;
}
footer {
border-top: 2px solid #ccc;
grid-area: footer;
text-align: right;
padding: 0.3em 2em;
border-top: 2px solid #ccc;
grid-area: footer;
text-align: right;
padding: 0.3em 2em;
}

5
index.php
Unescape Escape View File

@ -14,7 +14,10 @@
<div class="container">
<nav></nav>
<nav>
<button class="clone">Clone</button>
<button class="purge">Purge</button>
</nav>
<aside>
<ul>