[epiphany/wip/cdavis/empty-page-styling: 3/4] about.css: Match HdyStatusPage styling




commit 07e8c55ac2cba75685912b1e66c89aa62d47abf8
Author: Christopher Davis <brainblasted disroot org>
Date:   Wed Feb 10 21:30:35 2021 -0800

    about.css: Match HdyStatusPage styling
    
    Apps in GNOME 40 are using HdyStatusPage for empty views. Since we use a
    web page, we should match the styling as closely as we can.
    
    Clean up the css, there was a lot of cruft in there, such as a grayscale
    filter on an already monochrome icon.

 src/resources/about.css | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)
---
diff --git a/src/resources/about.css b/src/resources/about.css
index 187ae1b19..5711536c2 100644
--- a/src/resources/about.css
+++ b/src/resources/about.css
@@ -43,8 +43,8 @@ html {
 }
 
 h1 {
-    opacity: 0.55; /* Adwaita's dim-label */
-    text-shadow: 0 1px 0 var(--base-color);
+    font-size: 24pt;
+    font-weight: 300;
     margin-bottom: 0;
 }
 
@@ -80,7 +80,6 @@ h1 {
 }
 
 #about-title {
-    opacity: 1;
     font-weight: 800;
 }
 
@@ -234,7 +233,6 @@ html.epiphany-html {
 }
 
 .incognito-body h1 {
-    opacity: 0.55; /* Adwaita's dim-label */
     text-align:center;
 }
 
@@ -393,20 +391,21 @@ html[dir="rtl"] .overview-item {
     margin-right: auto;
     height: 80%;
     max-width: 800px;
-    opacity: 0.55; /* Adwaita's dim-label */
     -webkit-user-select: none;
     -webkit-user-drag: none;
 }
 
 .overview-empty h1 {
     color: var(--text-color);
-    opacity: 0.55; /* Adwaita's dim-label */
-    text-shadow: none;
+}
+
+.overview-empty p {
+    text-align: center;
 }
 
 .overview-empty img {
     -webkit-user-select: none;
     -webkit-user-drag: none;
-    filter: grayscale(100%);
+    opacity: 0.55; /* Adwaita's dim-label */
     width: 128px;
 }


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]