scinote-web/app/assets/stylesheets/my_modules/protocols/index.scss

292 lines
4.7 KiB
SCSS
Raw Normal View History

2019-04-26 21:38:33 +08:00
// scss-lint:disable SelectorDepth
// scss-lint:disable NestingDepth
// scss-lint:disable SelectorFormat
// scss-lint:disable ImportantRule
2019-02-25 20:04:58 +08:00
@import "constants";
@import "mixins";
#manage-module-tags-modal {
.well {
border: 0;
box-shadow: none;
}
}
.protocol-info,
.module-header {
.well {
border: 0;
box-shadow: none;
2019-05-14 15:43:02 +08:00
font-size: 14px;
padding-left: 0;
padding-right: 0;
}
.badge-icon {
background: transparent;
color: $color-silver;
padding-left: 0;
padding-right: 5px;
+ .well-sm {
2019-05-14 15:43:02 +08:00
margin-bottom: 5px;
margin-left: 0;
}
}
}
.module-header {
display: inline-block;
position: relative;
width: 100%;
+ .protocol-title {
font-size: 22px;
font-weight: bold;
margin: 10px 0 15px;
}
.header-container {
display: flex;
flex-wrap: wrap;
float: left;
width: calc(100% - 180px);
.flex-block {
display: flex;
flex-grow: 1;
2019-07-09 20:00:53 +08:00
.well-sm {
display: inline-block;
}
2019-02-25 20:04:58 +08:00
}
}
2019-02-25 20:04:58 +08:00
.complete-button-container {
float: right;
width: 165px;
2019-02-25 20:04:58 +08:00
.my_module-state-buttons {
padding-top: 0;
2019-02-25 20:04:58 +08:00
}
}
.module-description {
float: left;
width: 100%;
.no-description {
font-size: 16px;
}
.title {
font-size: 22px;
font-weight: bold;
2019-05-14 15:43:02 +08:00
padding: 20px 0 5px;
}
.my-module-description-content {
margin-left: 10px;
}
}
.module-tags {
float: left;
width: 100%;
#module-tags {
display: flex;
width: 100%;
}
.badge-icon {
display: inline-block;
line-height: 32px;
padding: 0 5px 0 0;
2019-05-14 15:43:02 +08:00
width: 28px;
}
.tags-title {
display: inline-block;
2019-05-14 15:43:02 +08:00
font-size: 14px;
line-height: 32px;
padding-right: 3px;
2019-05-14 15:43:02 +08:00
width: 37px;
}
.select-container {
display: flex;
flex-basis: 100px;
flex-grow: 1;
flex-shrink: 1;
2019-05-14 15:43:02 +08:00
max-width: calc(100% - 65px);
position: relative;
select {
display: none;
}
.edit-button-container {
height: 32px;
padding-right: 5px;
position: absolute;
right: 0;
text-align: right;
top: 0;
width: 120px;
z-index: 2;
&.hidden {
display: none;
}
a {
color: inherit;
display: inline-block;
line-height: 32px;
opacity: .7;
text-decoration: none;
i {
float: left;
2019-04-26 21:38:33 +08:00
font-size: 16px;
line-height: 32px;
margin-right: 5px;
2019-04-26 21:38:33 +08:00
padding-top: 1px;
}
span {
float: left;
line-height: 32px;
}
}
}
.select2-selection {
2019-04-26 21:38:33 +08:00
input[disabled] {
pointer-events: none;
}
.select2-selection__rendered {
cursor: pointer;
float: left;
padding-left: 2px;
padding-right: 130px;
input {
cursor: pointer;
line-height: 30px;
margin-top: 0;
}
}
.select2-selection__choice {
border: 1px solid transparent;
2019-04-26 21:38:33 +08:00
border-radius: 3px;
color: $color-white;
.select2-selection__choice__remove {
color: $color-white;
}
}
}
.select2-container--disabled {
.select2-selection__rendered {
padding-right: 10px;
}
}
}
}
2019-02-25 20:04:58 +08:00
}
2019-04-26 21:38:33 +08:00
.select2-dropdown.module-tags-selector-dropdown {
.loading-results {
display: none;
}
.select2-results__option {
padding-left: 5px !important;
.add-tags {
align-items: center;
display: flex;
}
.create-new {
opacity: .6;
}
.tag-color {
border-radius: 3px;
display: inline-block;
height: 14px;
margin-right: 5px;
margin-top: 1px;
2019-04-26 21:38:33 +08:00
width: 14px;
}
&::before {
display: none;
}
}
}
#protocol-copy-to-repository {
border-left: 0;
border-radius: 0 5px 5px 0;
}
.my-module-recent-protocols {
flex-grow: 1;
margin-bottom: 5px;
position: relative;
.btn-group {
align-items: center;
display: flex;
float: right;
height: 33px;
}
.title {
font-size: 14px;
}
.dropdown-button {
cursor: pointer;
padding: 10px 5px;
}
.dropdown-menu {
left: auto;
padding: 0;
right: 0;
width: 402px;
.protocol {
cursor: pointer;
display: inline-block;
float: left;
padding: 5px 10px;
transition: $md-transaction;
width: 200px;
&:hover {
background: $color-gainsboro;
}
.fas {
margin-right: 5px;
}
}
}
}