Browse Source

Add style to exception page

tags/2019.06^2
Hypolite Petovan 2 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
52 52
 			$message = defaults($explanation, $e->getCode(), '');
53 53
 		}
54 54
 
55
-		return ['$title' => $title, '$description' => $message];
55
+		return ['$title' => $title, '$message' => $message, '$back' => L10n::t('Go back')];
56 56
 	}
57 57
 
58 58
 	/**
59 59
 	 * Displays a bare message page with no theming at all.
60 60
 	 *
61 61
 	 * @param \Friendica\Network\HTTPException $e
62
-	 * @throws \Friendica\Network\HTTPException\InternalServerErrorException
62
+	 * @throws \Exception
63 63
 	 */
64 64
 	public static function rawContent(\Friendica\Network\HTTPException $e)
65 65
 	{
@@ -78,7 +78,7 @@ class HTTPException
78 78
 	 *
79 79
 	 * @param \Friendica\Network\HTTPException $e
80 80
 	 * @return string
81
-	 * @throws \Friendica\Network\HTTPException\InternalServerErrorException
81
+	 * @throws \Exception
82 82
 	 */
83 83
 	public static function content(\Friendica\Network\HTTPException $e)
84 84
 	{

+ 20
- 2
view/global.css View File

@@ -5,7 +5,7 @@ details > summary {
5 5
   cursor: pointer;
6 6
 }
7 7
 
8
-/* General designing elements */
8
+/* General design elements */
9 9
 .btn {
10 10
   outline: none;
11 11
   -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
@@ -87,7 +87,6 @@ span.connector {
87 87
 
88 88
 .wall-item-container .wall-item-content .type-link img.attachment-image,
89 89
 .type-link img.attachment-image, .type-video img.attachment-image  {
90
-  /* max-width: 640px; */
91 90
   max-width: 100%;
92 91
   max-height: initial;
93 92
   float: initial;
@@ -621,3 +620,22 @@ span.emoji.mastodon img {
621 620
   height: 1.2em;
622 621
   vertical-align: middle;
623 622
 }
623
+
624
+/* Exception page */
625
+
626
+#exception {
627
+  overflow: hidden;
628
+  background-image: url('../images/friendica-404_svg_hare-bottom-light-inside.png');
629
+  background-position: 50px bottom;
630
+  background-repeat: no-repeat;
631
+}
632
+
633
+#exception .hare {
634
+  float: right;
635
+}
636
+
637
+@media screen and (max-width: 600px) {
638
+  #exception .hare {
639
+    display: none;
640
+  }
641
+}

+ 2
- 0
view/templates/exception.tpl View File

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

+ 7
- 0
view/theme/frio/css/style.css View File

@@ -105,6 +105,9 @@ blockquote {
105 105
  * mobile aside
106 106
  */
107 107
 @media screen and (max-width: 990px) {
108
+    body {
109
+        padding-top: 105px;
110
+    }
108 111
     aside{
109 112
         position: fixed!important;
110 113
         top: 0!important;
@@ -616,6 +619,10 @@ nav.navbar a, nav.navbar .btn-link {
616 619
     display: flex;
617 620
 }
618 621
 
622
+#friendica-logo-mask {
623
+    display: block;
624
+}
625
+
619 626
 
620 627
 /* Notification Menu */
621 628
 #topbar-first #nav-notifications-menu {

Loading…
Cancel
Save