mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2024-11-16 22:25:30 +08:00
85 lines
1.5 KiB
SCSS
85 lines
1.5 KiB
SCSS
// scss-lint:disable SelectorDepth
|
|
// scss-lint:disable NestingDepth
|
|
|
|
.step-checklist-items {
|
|
.sci-inline-edit {
|
|
margin-top: 5px;
|
|
|
|
.sci-inline-edit__content {
|
|
margin-bottom: 7px;
|
|
margin-left: 0;
|
|
margin-right: .5em;
|
|
}
|
|
}
|
|
|
|
.step-checklist-item {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.step-element-header {
|
|
|
|
.step-element-name {
|
|
align-items: flex-start;
|
|
column-gap: .25em;
|
|
display: grid;
|
|
font-weight: normal;
|
|
grid-template-columns: max-content auto;
|
|
|
|
.step-checklist-text {
|
|
display: inline-block;
|
|
margin-top: -.1em;
|
|
position: relative;
|
|
width: fit-content;
|
|
}
|
|
|
|
&:hover.done .step-checklist-text {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.sci-checkbox-view-mode {
|
|
align-self: flex-start;
|
|
background-color: $color-black;
|
|
border-radius: 50%;
|
|
height: 4px;
|
|
margin-right: .5em;
|
|
margin-top: .4em;
|
|
width: 4px;
|
|
}
|
|
|
|
.step-checklist-add-item {
|
|
margin-left: 1.925rem;
|
|
|
|
.fas {
|
|
margin-right: .5em;
|
|
}
|
|
}
|
|
|
|
.step-checklist-item-ghost {
|
|
border: 1px solid $brand-primary;
|
|
}
|
|
|
|
.sci-checkbox-container {
|
|
margin: 11px 0;
|
|
|
|
&.disabled {
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.step-checklist-container {
|
|
.empty-checklist-element {
|
|
color: $color-silver-chalice;
|
|
margin-left: 3em;
|
|
}
|
|
}
|
|
|
|
.content__checklist-item {
|
|
.checklist-item-header:not(.editing-name):not(.locked) {
|
|
&:hover {
|
|
background-color: $color-concrete;
|
|
}
|
|
}
|
|
}
|