feat navigation: style checkboxes in navigation

feat preferences: Show Hidden Files and Show Directories First options working
This commit is contained in:
Mahdi Dibaiee
2015-09-04 05:35:14 +04:30
parent 0ae06a77ae
commit 100dc03813
15 changed files with 745 additions and 263 deletions

File diff suppressed because it is too large Load Diff

View File

@ -101,6 +101,23 @@ input {
font-weight: 200;
font-size: 1.6rem;
}
input[type="checkbox"] {
width: 0;
height: 0;
}
input[type="checkbox"]::before {
content: '';
display: block;
border: 1px solid #f0f0f0;
background: transparent;
border-radius: 50%;
width: 10px;
height: 10px;
box-sizing: border-box;
}
input[type="checkbox"]::before:checked {
background: #63b0cd;
}
.file,
.directory {
display: flex;
@ -230,6 +247,28 @@ nav li:last-of-type {
padding-bottom: 0;
border-bottom: none;
}
nav li label {
clear: left;
}
nav li label::after {
content: '';
display: block;
float: right;
margin-right: 13px;
border-radius: 50%;
width: 10px;
height: 10px;
background: transparent;
border: 1px solid #9b9b93;
}
nav li input {
clear: right;
float: right;
display: none;
}
nav li input:checked + label::after {
background: #63b0cd;
}
nav i {
display: block;
position: fixed;