lbry-desktop/ui/scss/component/_modal.scss

83 lines
1.5 KiB
SCSS
Raw Normal View History

2017-04-12 22:23:20 +02:00
2017-05-24 23:53:03 +02:00
.modal-overlay, .error-modal-overlay {
2017-04-12 22:23:20 +02:00
position: fixed;
display: flex;
justify-content: center;
align-items: center;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: var(--modal-overlay-bg);
2017-04-12 22:23:20 +02:00
z-index: 9999;
}
.modal-overlay--clear {
background-color: transparent;
}
.modal {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: var(--modal-border);
background: var(--modal-bg);
2017-04-12 22:23:20 +02:00
overflow: auto;
border-radius: 4px;
padding: $spacing-vertical;
box-shadow: var(--box-shadow-layer);
max-width: var(--modal-width);
2017-07-28 22:36:39 +02:00
2017-07-29 18:59:47 +02:00
word-break: break-word;
2017-04-12 22:23:20 +02:00
}
.modal__header {
2017-07-28 03:13:12 +02:00
margin-bottom: $spacing-vertical * 2/3;
2017-04-12 22:23:20 +02:00
text-align: center;
}
.modal__buttons {
display: flex;
flex-direction: row;
justify-content: center;
2017-07-28 03:13:12 +02:00
margin-top: $spacing-vertical * 2/3;
2017-04-12 22:23:20 +02:00
}
.modal__button {
margin: 0px 6px;
}
.error-modal-overlay {
background: var(--modal-overlay-bg);
2017-04-12 22:23:20 +02:00
}
.error-modal__content {
display: flex;
padding: 0px 8px 10px 10px;
}
.error-modal__warning-symbol {
margin-top: 6px;
margin-right: 7px;
}
.download-started-modal__file-path {
word-break: break-all;
}
.error-modal {
max-width: none;
width: var(--modal-width);
2017-04-12 22:23:20 +02:00
}
.error-modal__error-list { /*shitty hack/temp fix for long errors making modal unusable*/
2017-08-22 04:23:38 +02:00
border: 1px solid var(--input-border-color);
2017-04-12 22:23:20 +02:00
padding: 8px;
list-style: none;
max-height: 400px;
max-width: var(--modal-width);
2017-04-12 22:23:20 +02:00
overflow-y: hidden;
2017-07-29 18:59:47 +02:00
}