Merge pull request joomla#45591 from muhme/5.4-upmerge-2025-06-10

richard67 · web-flow · commit 620b3e9cdbfa · 2025-06-10T16:13:51.000+02:00
[5.4] Upmerge 2025-06-10
diff --git a/installation/template/error.php b/installation/template/error.php
@@ -38,7 +38,7 @@
         <jdoc:include type="metas" />
         <jdoc:include type="styles" />
     </head>
-    <body>
+    <body class="j-installation-error">
         <div class="j-install">
             <!-- Header -->
             <header class="j-header" role="banner">
diff --git a/installation/template/scss/template.scss b/installation/template/scss/template.scss
@@ -501,3 +501,70 @@ progress {
   border: 0 none;
   border-radius: 4px;
 }
+
+/* error page */
+.j-header {
+  display: flex;
+  flex-direction: row;
+  color: #fff;
+  background-color: #0b3257;
+}
+
+.j-header-logo {
+  width: 100%;
+  max-width: 240px;
+  margin: 20px;
+}
+
+.j-header-help {
+  margin: 20px 20px 20px auto;
+  a {
+    padding: 1rem;
+    font-size: 2rem;
+    color: #fff;
+  }
+}
+
+.j-footer {
+  padding: 10px 20px;
+  margin-top: auto;
+  font-size: .8rem;
+  color: #fff;
+  text-align: right;
+  background-color: #0b3257;
+}
+
+.alert {
+  position: relative;
+  display: flex;
+  margin: 0 0 20px;
+  background: #fafafa;
+  border: 1px solid rgba(0,0,0,.1);
+  box-shadow: 0 0 10px rgba(0,0,0,.05);
+  p {
+    margin-bottom: 0;
+  }
+}
+
+.alert-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 25%;
+  margin-bottom: 0;
+  font-size: 3rem;
+  opacity: .6;
+  .fa {
+    width: 100%;
+    text-align: center;
+  }
+}
+
+.alert-text {
+  padding: 10px 20px;
+}
+
+.j-installation-error {
+  background-color: #1c3d5c;
+  background-image: linear-gradient(90deg, #1c3d5c 0%, #2a5c8b 100%);
+}
