mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-21 20:47:08 -05:00
Conditionally load SL assets on error pages; adjust styles for OL v2.
This commit is contained in:
parent
9ab3107cee
commit
396b29f32d
3 changed files with 38 additions and 31 deletions
|
@ -4,6 +4,7 @@ block content
|
|||
.content
|
||||
.container
|
||||
.error-container
|
||||
if (settings.brandPrefix !== 'ol-')
|
||||
.error-figure
|
||||
img.error-img(
|
||||
src="/img/brand/404-visual.svg"
|
||||
|
|
|
@ -4,12 +4,13 @@ html.full-height(itemscope, itemtype='http://schema.org/Product')
|
|||
title Something went wrong
|
||||
link(rel="icon", href="/favicon.ico")
|
||||
if buildCssPath
|
||||
link(rel='stylesheet', href=buildCssPath('/style.css'))
|
||||
link(rel="stylesheet", href=buildCssPath("/" + settings.brandPrefix + "style.css"))
|
||||
link(href="//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css",rel="stylesheet")
|
||||
body.full-height
|
||||
.content.full-height
|
||||
.container.full-height
|
||||
.error-container.full-height
|
||||
if (settings.brandPrefix !== 'ol-')
|
||||
.error-figure.error-figure-500
|
||||
img.error-img(
|
||||
src="/img/brand/500-visual-socket.svg"
|
||||
|
@ -19,18 +20,3 @@ html.full-height(itemscope, itemtype='http://schema.org/Product')
|
|||
p.error-status Something went wrong, sorry.
|
||||
p.error-description Our staff are probably looking into this, but if it continues, please contact us at #{settings.adminEmail}
|
||||
a.error-btn(href="/") Home
|
||||
//- .content
|
||||
//- .container
|
||||
//- .row
|
||||
//- .col-md-8.col-md-offset-2.text-center
|
||||
//- .page-header
|
||||
//- h2 Oh dear, something went wrong.
|
||||
//- if buildImgPath
|
||||
//- p
|
||||
//- img(src=buildImgPath("lion-sad-128.png"), alt="Sad Lion")
|
||||
//- p
|
||||
//- | Something went wrong with your request, sorry. Our staff are probably looking into this, but if it continues, please contact us at #{settings.adminEmail}
|
||||
//- p
|
||||
//- a(href="/")
|
||||
//- i.fa.fa-arrow-circle-o-left
|
||||
//- | Take me home
|
||||
|
|
|
@ -7,6 +7,11 @@
|
|||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.error-container.full-height when (@is-overleaf = true) {
|
||||
margin-top: -(@header-height + @content-margin-vertical) / 2;
|
||||
}
|
||||
|
||||
.error-figure {
|
||||
display: none;
|
||||
flex: 0 0 50%;
|
||||
|
@ -56,6 +61,11 @@
|
|||
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);
|
||||
|
@ -68,12 +78,13 @@
|
|||
color: @gray;
|
||||
margin-bottom: @line-height-computed * 2;
|
||||
}
|
||||
.error-btn {
|
||||
.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;
|
||||
border-radius: @navbar-btn-border-radius;
|
||||
font-size: @navbar-btn-font-size;
|
||||
font-weight: @navbar-btn-font-weight;
|
||||
line-height: @navbar-btn-line-height;
|
||||
padding: @padding-base-vertical @padding-base-horizontal;
|
||||
|
||||
&:hover,
|
||||
|
@ -84,3 +95,12 @@
|
|||
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;
|
||||
}
|
||||
}
|
Loading…
Reference in a new issue