scinote-web/app/assets/stylesheets/protocols/protocol.scss
2022-07-05 12:49:12 +02:00

88 lines
1.4 KiB
SCSS

// scss-lint:disable SelectorDepth
// scss-lint:disable NestingDepth
@import "constants";
@import "mixins";
.content-pane.protocols-show {
background-color: $color-alto;
margin: 0 -16px;
min-height: calc(100vh - var(--navbar-height));
overflow: hidden;
padding: 36px 10px 10px;
width: calc(100% + 31px);
.protocol-position-container {
background-color: $color-white;
box-shadow: $flyout-shadow;
margin: 0 auto;
max-width: 900px;
padding: 10px 10px 10px 26px;
}
.protocol-metadata {
margin-bottom: 2em;
.authors-data {
align-items: center;
display: flex;
.authors-list {
flex-basis: calc(100% - 70px);
flex-grow: 1;
margin-left: .5em;
}
* {
flex-shrink: 0;
}
}
.keywords-data {
align-items: center;
display: flex;
.keywords-list {
flex-basis: calc(100% - 90px);
flex-grow: 1;
margin-left: .5em;
.input-field {
border-color: transparent;
&:hover {
border-color: initial;
}
}
}
* {
flex-shrink: 0;
}
}
}
.protocol-description {
margin-bottom: 2em;
}
.protocol-step-actions {
margin-left: -6px;
margin-top: 2em;
}
}
.protocol-content {
.protocol-name {
font-size: 1.7em;
margin-bottom: 32px;
margin-top: 28px;
}
}
.delete-steps-modal {
.btn {
float: initial;
}
}