scinote-web/app/assets/stylesheets/protocols/protocol.scss

100 lines
1.8 KiB
SCSS
Raw Normal View History

// scss-lint:disable SelectorDepth
// scss-lint:disable NestingDepth
@import "constants";
@import "mixins";
.protocol-repository-header {
2019-11-12 18:26:18 +08:00
.protocol-info {
align-items: center;
display: flex;
flex-wrap: wrap;
min-height: 40px;
position: relative;
.created-at-block,
.last-modified-block,
.edit-authors-block,
.keywords-block,
2019-11-12 18:26:18 +08:00
.added-by-block, {
flex-grow: 1;
margin-bottom: 10px;
margin-right: 20px;
.block-icon {
color: $color-silver;
font-size: 18px;
margin-right: 5px;
}
.block-label {
align-items: center;
display: flex;
flex-shrink: 0;
}
2019-11-12 18:26:18 +08:00
}
.edit-authors-block {
align-items: center;
display: flex;
flex-basis: 30%;
.edit-authors-container {
display: flex;
flex-grow: 1;
margin-left: 10px;
position: relative;
.view-mode,
.input-field {
font-weight: bold;
}
}
}
.protocol-description {
flex-basis: 100%;
margin-bottom: 10px;
.form-group {
margin: 0;
}
}
.keywords-block {
align-items: center;
display: flex;
2019-11-12 18:26:18 +08:00
flex-basis: 100%;
.key-words-container {
display: inline-block;
flex-grow: 1;
2020-05-22 18:51:12 +08:00
margin: 0 40px 0 5px;
.dropdown-selector-container {
.input-field {
border-color: transparent;
&:hover {
border-color: $color-alto;
}
}
&.active {
.input-field {
border-color: $color-alto;
}
}
&.view-mode {
.input-field {
border-color: transparent;
}
}
}
}
2019-11-12 18:26:18 +08:00
}
}
}