scinote-web/app/assets/stylesheets/my_modules/protocol.scss
2023-09-11 12:19:21 +02:00

102 lines
1.6 KiB
SCSS

.my-module-position-container .protocol-content {
margin-left: 3rem;
}
.task-protocol {
.protocol-step-actions {
align-items: center;
display: flex;
margin-left: -6px;
padding-left: 1em;
}
.protocol-buttons-group {
align-items: center;
display: flex;
gap: 1rem;
}
.portocol-header-left-part {
align-items: center;
display: flex;
a:first-of-type:focus {
outline: none;
}
.task-section-caret {
padding-right: .25em;
}
.status-info {
display: flex;
height: 24px;
}
}
.insert-step {
align-items: center;
color: var(--sn-blue);
cursor: pointer;
display: flex;
&::before,
&::after {
border-bottom: 1px dashed var(--sn-light-grey);
content: "";
display: inline-block;
flex-grow: 1;
height: 0;
}
.sn-icon-new-task {
margin: 0 .5em;
}
&:hover {
color: $brand-primary;
&::before,
&::after {
background-color: $brand-primary;
}
}
}
.protocol-description {
margin-bottom: 2em;
padding-left: 2.5rem;
}
.protocol-steps {
padding-left: .75em;
}
.empty-protocol-description {
color: $color-silver-chalice;
}
.protocol-options-dropdown {
a {
cursor: pointer;
&.disabled {
cursor: default;
pointer-events: none;
}
}
}
}
.share-task-modal {
.share-link-copy {
border-radius: 0 4px 4px 0;
}
.shareable-link-error {
color: var(--sn-coral);
}
.shareable-link-disclaimer {
color: var(--sn-grey);
}
}