Add style to exception page

This commit is contained in:
Hypolite Petovan 2019-05-04 21:54:05 -04:00
parent 41401bb18d
commit c969635bbc
6 changed files with 32 additions and 5 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 KiB

View file

@ -52,14 +52,14 @@ class HTTPException
$message = defaults($explanation, $e->getCode(), '');
}
return ['$title' => $title, '$description' => $message];
return ['$title' => $title, '$message' => $message, '$back' => L10n::t('Go back')];
}
/**
* Displays a bare message page with no theming at all.
*
* @param \Friendica\Network\HTTPException $e
* @throws \Friendica\Network\HTTPException\InternalServerErrorException
* @throws \Exception
*/
public static function rawContent(\Friendica\Network\HTTPException $e)
{
@ -78,7 +78,7 @@ class HTTPException
*
* @param \Friendica\Network\HTTPException $e
* @return string
* @throws \Friendica\Network\HTTPException\InternalServerErrorException
* @throws \Exception
*/
public static function content(\Friendica\Network\HTTPException $e)
{

View file

@ -5,7 +5,7 @@ details > summary {
cursor: pointer;
}
/* General designing elements */
/* General design elements */
.btn {
outline: none;
-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
@ -87,7 +87,6 @@ span.connector {
.wall-item-container .wall-item-content .type-link img.attachment-image,
.type-link img.attachment-image, .type-video img.attachment-image {
/* max-width: 640px; */
max-width: 100%;
max-height: initial;
float: initial;
@ -621,3 +620,22 @@ span.emoji.mastodon img {
height: 1.2em;
vertical-align: middle;
}
/* Exception page */
#exception {
overflow: hidden;
background-image: url('../images/friendica-404_svg_hare-bottom-light-inside.png');
background-position: 50px bottom;
background-repeat: no-repeat;
}
#exception .hare {
float: right;
}
@media screen and (max-width: 600px) {
#exception .hare {
display: none;
}
}

View file

@ -1,4 +1,6 @@
<div id="exception" class="generic-page-wrapper">
<img class="hare" src="images/friendica-404_svg_flexy-o-hare.png"/>
<h1>{{$title}}</h1>
<p>{{$message}}</p>
<p><button type="button" onclick="window.history.back()" class="btn btn-primary">{{$back}}</button></p>
</div>

View file

@ -105,6 +105,9 @@ blockquote {
* mobile aside
*/
@media screen and (max-width: 990px) {
body {
padding-top: 105px;
}
aside{
position: fixed!important;
top: 0!important;
@ -616,6 +619,10 @@ nav.navbar a, nav.navbar .btn-link {
display: flex;
}
#friendica-logo-mask {
display: block;
}
/* Notification Menu */
#topbar-first #nav-notifications-menu {