scinote-web/app/assets/stylesheets/my_modules/protocol.scss
2023-06-22 11:55:23 +02:00

104 lines
1.6 KiB
SCSS

.task-protocol {
.protocol-step-actions {
align-items: center;
display: flex;
margin-left: -6px;
padding-left: 1em;
}
.protocol-buttons-group {
column-gap: .5rem;
display: grid;
grid-template-columns: auto auto auto;
}
.portocol-header-left-part {
align-items: center;
display: flex;
a:first-of-type:focus {
outline: none;
}
.task-section-caret {
padding-right: .25em;
}
.status-label {
margin: 2px 0 0;
}
.status-info {
padding-left: 4px;
}
}
.insert-step {
align-items: center;
color: var(--sn-blue);
cursor: pointer;
display: flex;
&::before,
&::after {
background-color: var(--sn-light-grey);
content: "";
display: inline-block;
flex-grow: 1;
height: 1px;
}
.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;
}
}
}
.tinymce-wrapper {
width: 100%;
.tox-tinymce {
flex-grow: 1;
}
}
.tinymce-container {
display: flex;
width: 100%;
.tiny-mce-editor {
flex-basis: 100%;
max-width: 100%;
}
}
}