forked from vikunja/frontend
konrad
7d2bd192ab
Use fancy checkbox for archiving namespace Show is archived badge for namespaces Fix is archived badge in navigation bar Add check to filter out archived lists or namespaces Show if a list is archived in menu Hide edit task if the list is archived Hide marking tasks as done if the list is archived Show is archived message on list Add archiving a list Add archiving a namespace Co-authored-by: kolaente <k@knt.li> Reviewed-on: vikunja/frontend#73
74 lines
1.3 KiB
SCSS
74 lines
1.3 KiB
SCSS
// Fancy Checkboxes
|
|
.fancycheckbox {
|
|
display: inline-block;
|
|
padding-right: 5px;
|
|
padding-top: 3px;
|
|
|
|
input[type=checkbox] {
|
|
display: none;
|
|
}
|
|
|
|
&.is-block {
|
|
margin: .5em .2em;
|
|
}
|
|
|
|
.check {
|
|
cursor: pointer;
|
|
position: relative;
|
|
margin: auto;
|
|
width: 18px;
|
|
height: 18px;
|
|
-webkit-tap-highlight-color: transparent;
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
&:hover svg {
|
|
stroke: $primary;
|
|
}
|
|
|
|
span {
|
|
font-size: 0.8em;
|
|
vertical-align: top;
|
|
}
|
|
|
|
svg {
|
|
position: relative;
|
|
z-index: 1;
|
|
fill: none;
|
|
stroke-linecap: round;
|
|
stroke-linejoin: round;
|
|
stroke: #c8ccd4;
|
|
stroke-width: 1.5;
|
|
transform: translate3d(0, 0, 0);
|
|
transition: all 0.2s ease;
|
|
|
|
path {
|
|
stroke-dasharray: 60;
|
|
stroke-dashoffset: 0;
|
|
}
|
|
|
|
polyline {
|
|
stroke-dasharray: 22;
|
|
stroke-dashoffset: 66;
|
|
}
|
|
}
|
|
}
|
|
|
|
&.is-disabled .check:hover svg {
|
|
stroke: #c8ccd4;
|
|
}
|
|
|
|
input[type=checkbox]:checked + .check svg {
|
|
stroke: $primary;
|
|
}
|
|
|
|
input[type=checkbox]:checked + .check svg path {
|
|
stroke-dashoffset: 60;
|
|
transition: all 0.3s linear;
|
|
}
|
|
|
|
input[type=checkbox]:checked + .check svg polyline {
|
|
stroke-dashoffset: 42;
|
|
transition: all 0.2s linear;
|
|
transition-delay: 0.15s;
|
|
}
|
|
} |