BetterDiscordApp-v2/client/src/styles/partials/modals/error-modal.scss

72 lines
1.4 KiB
SCSS
Raw Normal View History

2018-08-15 11:42:43 +02:00
.bd-modal {
&.bd-err {
.bd-modalHeader {
.bd-modalIcon {
svg {
fill: $colerr;
}
}
}
2018-02-13 18:36:23 +01:00
2018-08-15 11:42:43 +02:00
.bd-modalBody {
padding-bottom: 15px;
min-height: 70px;
}
2018-02-13 18:36:23 +01:00
}
}
2018-08-15 04:03:56 +02:00
.bd-modalError {
2018-02-13 18:36:23 +01:00
margin-top: 5px;
2018-08-15 11:42:43 +02:00
.bd-modalErrorTitle {
padding: 5px;
background: rgba(0, 0, 0, .3);
border-radius: 3px 3px 0 0;
}
.bd-modalErrorBody {
white-space: pre-wrap;
font-size: 12px;
font-family: 'Consolas';
padding: 0 5px;
border-radius: 3px;
max-height: 100px;
width: auto;
transition: transform .2s ease, margin-top .2s ease, opacity .2s ease;
transform: scaleY(0) translateY(0%);
margin-top: -50%;
opacity: 0;
}
2018-08-15 04:03:56 +02:00
.bd-scrollerWrap {
2018-08-15 11:42:43 +02:00
background: rgba(0, 0, 0, .2);
opacity: 0;
2018-02-13 18:36:23 +01:00
.bd-scroller {
overflow-x: auto;
padding: 0;
&::-webkit-scrollbar-corner {
background: transparent;
}
}
}
2018-08-15 11:42:43 +02:00
&.bd-open {
.bd-modalErrorBody {
transform: scaleY(1) translateY(0%);
margin-top: 0%;
opacity: 1;
user-select: all;
2018-02-13 18:36:23 +01:00
2018-08-15 11:42:43 +02:00
span {
font-weight: 700;
}
2018-02-13 18:36:23 +01:00
}
2018-08-15 11:42:43 +02:00
.bd-scrollerWrap {
opacity: 1;
}
}
2018-02-13 18:36:23 +01:00
}