github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Conditionally load SL assets on error pages; adjust styles for OL v2.

Browse source
This commit is contained in:
Paulo Reis 2018-03-29 15:35:14 +01:00 committed by Jessica Lawshe
parent 9ab3107cee
commit 396b29f32d
3 changed files with 38 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
services/web/app/views/general/404.pug
View file

@ -4,6 +4,7 @@ block content
.content .content
.container .container
.error-container .error-container
if (settings.brandPrefix !== 'ol-')
.error-figure .error-figure
img.error-img( img.error-img(
src="/img/brand/404-visual.svg" src="/img/brand/404-visual.svg"

18
services/web/app/views/general/500.pug
View file

@ -4,12 +4,13 @@ html.full-height(itemscope, itemtype='http://schema.org/Product')
title Something went wrong title Something went wrong
link(rel="icon", href="/favicon.ico") link(rel="icon", href="/favicon.ico")
if buildCssPath 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") link(href="//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css",rel="stylesheet")
body.full-height body.full-height
.content.full-height .content.full-height
.container.full-height .container.full-height
.error-container.full-height .error-container.full-height
if (settings.brandPrefix !== 'ol-')
.error-figure.error-figure-500 .error-figure.error-figure-500
img.error-img( img.error-img(
src="/img/brand/500-visual-socket.svg" 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-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} 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 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

28
services/web/public/stylesheets/app/error-pages.less
View file

@ -7,6 +7,11 @@
display: flex; display: flex;
align-items: center; align-items: center;
} }
.error-container.full-height when (@is-overleaf = true) {
margin-top: -(@header-height + @content-margin-vertical) / 2;
}
.error-figure { .error-figure {
display: none; display: none;
flex: 0 0 50%; flex: 0 0 50%;
@ -56,6 +61,11 @@
flex: 0 1 50%; flex: 0 1 50%;
padding: @line-height-computed * 2; padding: @line-height-computed * 2;
} }
.error-details when (@is-overleaf = true) {
flex-grow: 1;
}
.error-status { .error-status {
font-family: @font-family-serif; font-family: @font-family-serif;
margin-bottom: (@line-height-computed / 4); margin-bottom: (@line-height-computed / 4);
@ -68,12 +78,13 @@
color: @gray; color: @gray;
margin-bottom: @line-height-computed * 2; margin-bottom: @line-height-computed * 2;
} }
.error-btn { .error-btn when (@is-overleaf = false) {
color: @navbar-default-link-color; color: @navbar-default-link-color;
border: 2px solid @navbar-default-link-color; border: 2px solid @navbar-default-link-color;
border-radius: @border-radius-base; border-radius: @navbar-btn-border-radius;
font-weight: 700; font-size: @navbar-btn-font-size;
line-height: 1; font-weight: @navbar-btn-font-weight;
line-height: @navbar-btn-line-height;
padding: @padding-base-vertical @padding-base-horizontal; padding: @padding-base-vertical @padding-base-horizontal;
&:hover, &:hover,
@ -84,3 +95,12 @@
border: 2px solid @navbar-default-link-hover-color; 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;
}
}