Files
stash/ui/v2.5/src/components/Shared/styles.scss
InfiniteTF fef16d7e09 Fix various console errors and graphql loading issues (#760)
* Refactor listhook to resolve loading issues
* Fix graphql loading race conditions
* Various console spam
* Fix scene card overlay hierarchy
* Fix modal and manual borders
2020-08-28 16:33:19 +10:00

136 lines
2.0 KiB
SCSS

.LoadingIndicator {
align-items: center;
display: flex;
flex-direction: column;
height: 70vh;
justify-content: center;
width: 100%;
&-message {
margin-top: 1rem;
}
.spinner-border {
height: 3rem;
width: 3rem;
}
&.inline {
height: inherit;
}
}
.details-edit {
display: flex;
justify-content: left;
.btn {
margin-right: 0.5rem;
}
.delete,
.save {
margin-left: auto;
}
}
.select-suggest {
&:hover {
cursor: text;
}
}
.duration-input {
.duration-control {
min-width: 3rem;
}
.duration-button {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
line-height: 10px;
padding: 1px 7px;
}
.btn + .btn {
margin-left: 0;
}
}
.folder-list {
margin-top: 0.5rem 0 0 0;
max-height: 30vw;
overflow-x: auto;
}
.folder-item {
button {
padding: 0;
}
}
.multi-set > div.input-group-prepend + div {
flex: 1 1;
margin-bottom: 0;
min-width: 0;
position: relative;
}
.folder-list {
list-style-type: none;
margin: 0;
padding-top: 1rem;
&-item {
white-space: nowrap;
.btn-link {
border: none;
color: black;
font-weight: 400;
padding: 0;
}
&:last-child::before {
content: "└ \1F4C1";
}
&::before {
content: "├ \1F4C1";
display: inline-block;
padding-right: 1rem;
transform: scale(1.5);
}
}
&-parent {
&::before {
visibility: hidden;
}
.btn-link {
font-weight: 500;
}
}
}
.scrape-dialog .modal-content .dialog-container {
max-height: calc(100vh - 14rem);
overflow-y: auto;
padding-right: 15px;
}
button.collapse-button.btn-primary:not(:disabled):not(.disabled):hover,
button.collapse-button.btn-primary:not(:disabled):not(.disabled):focus,
button.collapse-button.btn-primary:not(:disabled):not(.disabled):active {
background: none;
border: none;
box-shadow: none;
color: #f5f8fa;
}
.hover-popover-content {
max-width: 32rem;
text-align: center;
}