scinote-web/app/assets/stylesheets/steps/components/checklist.scss
artoscinote 23872f519b
Implement step element sorting modal [SCI-6849] (#4124)
* Implement step element sorting modal [SCI-6849]

* Implement step reordering modal [SCI-6850]

* Refactor reorderable items a bit [SCI-6850]
2022-05-30 13:45:51 +02:00

43 lines
697 B
SCSS

.step-checklist-container {
.step-element-name {
align-items: flex-start;
display: flex;
.sci-checkbox-container {
margin-right: 8px;
margin-top: 4px;
}
.step-checklist-text {
width: 100%;
}
&.done .step-checklist-text {
text-decoration: line-through;
}
&:hover.done .step-checklist-text {
text-decoration: none;
}
}
.step-checklist-add-item {
margin-left: 9px;
margin-top: 2px;
}
}
.step-checklist-items {
.step-checklist-item-ghost {
border: 1px solid $brand-primary;
}
.sci-inline-edit {
font-weight: normal;
textarea {
padding-left: 4px;
margin-left: -5px;
}
}
}