You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
147 lines
3.6 KiB
147 lines
3.6 KiB
#state_PreloadState {
|
|
&.failure {
|
|
.loadingImage,
|
|
.loadingStatus {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.changelogDialogEntry {
|
|
margin-top: 10px;
|
|
width: 100%;
|
|
flex-direction: column;
|
|
text-align: left;
|
|
padding: 10px;
|
|
box-sizing: border-box;
|
|
background: #eef1f4;
|
|
@include S(border-radius, 3px);
|
|
|
|
@include DarkThemeOverride {
|
|
background: #33343c;
|
|
}
|
|
|
|
.version {
|
|
@include Heading;
|
|
}
|
|
.date {
|
|
@include PlainText;
|
|
&::before {
|
|
content: " | ";
|
|
}
|
|
color: #aaabaf;
|
|
}
|
|
|
|
.changes {
|
|
@include PlainText;
|
|
@include S(padding-left, 15px);
|
|
strong {
|
|
background: $colorBlueBright;
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
@include S(padding, 1px, 2px);
|
|
@include S(margin-right, 3px);
|
|
}
|
|
a {
|
|
color: $colorBlueBright;
|
|
}
|
|
li {
|
|
@include SuperSmallText;
|
|
@include S(margin-bottom, 10px);
|
|
}
|
|
}
|
|
}
|
|
|
|
.failureBox {
|
|
.logo {
|
|
img {
|
|
@include S(width, 240px);
|
|
}
|
|
|
|
@include S(margin-bottom, 30px);
|
|
}
|
|
|
|
@include InlineAnimation(0.3s ease-in-out) {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.failureInner {
|
|
// background: darken($mainBgColor, 6);
|
|
@include S(max-width, 350px);
|
|
margin: 0 20px;
|
|
text-align: left;
|
|
|
|
@include BoxShadow3D(#fff);
|
|
@include S(padding, 15px);
|
|
@include S(border-radius, $globalBorderRadius);
|
|
@include DropShadow;
|
|
|
|
.errorHeader {
|
|
color: #ef5072;
|
|
}
|
|
|
|
.errorMessage {
|
|
@include PlainText;
|
|
display: block;
|
|
color: #666;
|
|
text-align: left;
|
|
@include BreakText;
|
|
hyphens: auto;
|
|
// border: dotted #666;
|
|
// @include S(border-width, 1px, 0);
|
|
@include S(padding, 10px, 0);
|
|
@include S(margin-top, 10px);
|
|
}
|
|
|
|
.supportHelp {
|
|
@include S(margin-top, 10px);
|
|
@include PlainText;
|
|
|
|
.email {
|
|
color: $themeColor;
|
|
cursor: pointer;
|
|
pointer-events: all;
|
|
}
|
|
}
|
|
|
|
.lower {
|
|
display: flex;
|
|
align-items: center;
|
|
@include S(margin-top, 16px);
|
|
|
|
i {
|
|
flex-grow: 1;
|
|
text-align: right;
|
|
color: #777;
|
|
@include PlainText;
|
|
}
|
|
|
|
button.resetApp {
|
|
@include Button3D($colorRedBright);
|
|
@include PlainText;
|
|
@include S(padding, 5px, 8px, 4px);
|
|
color: #fff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Animations */
|
|
.status {
|
|
transform: scale(0.7) $hardwareAcc;
|
|
opacity: 0;
|
|
@include StateAnim(transform, opacity);
|
|
}
|
|
|
|
&.arrived {
|
|
.status {
|
|
opacity: 1;
|
|
transform: none;
|
|
}
|
|
}
|
|
}
|