overleaf/services/web/frontend/stylesheets/app/error-pages.less
Timothée Alby 1d7b454c96 Merge pull request #2691 from overleaf/ta-4xx-error-page
Enhance 4xx HTML Response Page

GitOrigin-RevId: 620f84cd6cdc0571bd68bbd2c3164b08f7fe5598
2020-04-02 03:19:35 +00:00

60 lines
1.2 KiB
Text

.full-height {
height: 100%;
padding: 0;
}
.error-container {
display: flex;
align-items: center;
}
.error-container.full-height when (@is-overleaf = true) {
margin-top: -(@header-height + @content-margin-vertical) / 2;
}
.error-details {
flex: 0 1 50%;
padding: @line-height-computed * 2;
}
.error-details when (@is-overleaf = true) {
flex-grow: 1;
}
.error-status {
font-family: @font-family-serif;
margin-bottom: (@line-height-computed / 4);
color: @gray-dark;
font-size: @font-size-h1;
}
.error-description {
font-family: @font-family-serif;
font-size: @font-size-h3;
color: @gray;
margin-bottom: @line-height-computed * 2;
}
.error-btn when (@is-overleaf = false) {
color: @navbar-default-link-color;
border: 2px solid @navbar-default-link-color;
border-radius: @border-radius-base;
font-weight: 700;
line-height: 1;
padding: @padding-base-vertical @padding-base-horizontal;
&:hover,
&:focus {
text-decoration: none;
color: #fff;
background-color: @navbar-default-link-hover-bg;
border: 2px solid @navbar-default-link-hover-color;
}
}
.error-btn when (@is-overleaf = true) {
.btn;
.btn-primary;
display: block;
@media (min-width: @screen-sm-min) {
display: inline-block;
}
}