scinote-web/app/assets/stylesheets/steps/components/checklist.scss

76 lines
1.3 KiB
SCSS
Raw Normal View History

2022-06-09 20:40:45 +08:00
// scss-lint:disable SelectorDepth
// scss-lint:disable NestingDepth
2022-06-09 20:40:45 +08:00
.step-checklist-items {
.sci-inline-edit {
margin-top: 2px;
.sci-inline-edit__content {
padding-bottom: 7px;
padding-top: 7px;
}
2022-07-12 16:59:33 +08:00
}
.step-checklist-item {
padding-left: 5px;
}
2022-06-09 20:40:45 +08:00
.step-element-header {
.step-element-name {
align-items: flex-start;
column-gap: .5em;
display: grid;
font-weight: normal;
grid-template-columns: max-content auto;
.step-checklist-text {
width: 100%;
}
&.done .step-checklist-text {
text-decoration: line-through;
}
&:hover.done .step-checklist-text {
text-decoration: none;
}
}
}
2022-07-15 20:58:06 +08:00
.sci-checkbox-view-mode {
align-self: center;
background-color: $color-black;
border-radius: 50%;
height: 4px;
margin-right: .5em;
width: 4px;
}
2022-06-21 17:32:27 +08:00
.step-checklist-add-item {
margin-left: 12px;
.fas {
margin-right: .5em;
}
2022-06-21 17:32:27 +08:00
}
.step-checklist-item-ghost {
border: 1px solid $brand-primary;
}
2022-06-09 20:40:45 +08:00
.sci-checkbox-container {
2022-07-15 20:58:06 +08:00
margin: 12px 0;
2022-06-09 20:40:45 +08:00
&.disabled {
pointer-events: none;
}
}
}
2022-07-15 20:58:06 +08:00
.step-checklist-container {
.empty-checklist-element {
color: $color-silver-chalice;
margin-left: 3em;
}
}