Browse Source

Add style to exception page

tags/2019.06^2
Hypolite Petovan 6 months ago
parent
commit
c969635bbc

BIN
images/friendica-404_svg_flexy-o-hare.png View File


BIN
images/friendica-404_svg_hare-bottom-light-inside.png View File


+ 3
- 3
src/Module/Special/HTTPException.php 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)
{

+ 20
- 2
view/global.css 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;
}
}

+ 2
- 0
view/templates/exception.tpl 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>

+ 7
- 0
view/theme/frio/css/style.css 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 {

Loading…
Cancel
Save