CSS nits, homepage and beta page

mozilla · Nov 21, 2024 · 91c4c7e · 91c4c7e
1 parent 6d90eb3
commit 91c4c7e
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 13 deletions.
diff --git a/app/views/templates/base.html.twig b/app/views/templates/base.html.twig
@@ -7,7 +7,7 @@
     <link rel="alternate" type="application/rss+xml" title="Feed to get alerted of Firefox releases" href="/rss/">
     <link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css" media="screen">
     <link rel="stylesheet" href="/assets/bootstrap/css/bootstrap-icons.css" media="screen">
-    <link rel="stylesheet" href="/style/base.css?version=45" type="text/css" media="all">
+    <link rel="stylesheet" href="/style/base.css?version=46" type="text/css" media="all">
 {% if branch != '' %}
     <link rel="icon" type="image/svg+xml" href="/assets/img/site_icon_dev.svg">
 {% else %}

diff --git a/app/views/templates/overview.html.twig b/app/views/templates/overview.html.twig
@@ -101,7 +101,7 @@
   {% endif %}
 
   {% if not nightly_auto_updates %}
-    <div class="card w-50 bg-info-subtle mx-auto mt-4 border">
+    <div class="card w-50 bg-info-subtle bg-card-color-purple-fxt mx-auto mt-4 border">
         <div class="card-header text-center">Nightly automatic Updates are currently <b class="text-danger fw-semibold">disabled</b></div>
             {% if nightly_emergency != '' %}
             <div class="card-body bg-purple text-white border text-center">

diff --git a/public/style/base.css b/public/style/base.css
@@ -45,8 +45,9 @@
 /* General structure */
 
 :root {
-  --bg-purple: #20123a;
+  --bg-purple: #2a0c55;
   --bg-table-hover: #f2e9ff;
+  --bg-alert-purple-light: #cfe2ff;
 }
 
 html {
@@ -56,7 +57,7 @@ html {
 
 body {
     font-family: Inter,X-LocaleSpecific,sans-serif;
-    background-color: #2a0c55;
+    background-color: var(--bg-purple);
     color: white;
 }
 
@@ -361,22 +362,17 @@ footer {
 }
 
 #beta #summary th span.badge {
-    top:1em;
+    top: 5px;
     position:relative;
     font-weight:normal;
 }
 
-#beta #summary td li a {
-    padding: 0 4px !important;
-}
-
 #beta table tr:not(:first-child)  td:nth-child(2) {
     width: 18em;
 }
 
 #beta table .btn .badge {
-    top: 0.5em;
-    vertical-align: bottom;
+    top: 0;
 }
 
 :is(#beta, #nightly) a[aria-expanded=false] .text-expanded {
@@ -394,7 +390,6 @@ footer {
 
 .w-10 {
     width: 10%;
-    outline-right: 10px solid red;
 }
 
 /* Global dropdown menu spacing utility */
@@ -419,4 +414,15 @@ nav svg:hover {
 /* Override default bootstrap hover to match our theme */
 .table-hover > tbody > tr:hover > * {
   --bs-table-bg-state: var(--bg-table-hover);
-}
+}
+
+
+.bg-card-color-purple-fxt {
+    background-color: var(--bg-alert-purple-light) !important;
+    border-color: var(--bg-alert-purple-light) !important;
+}
+
+#homepage .card-header:first-child,
+#homepage .border {
+    border-color: var(--bg-alert-purple-light) !important;
+}