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

67 lines
1.2 KiB
SCSS
Raw Normal View History

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