[epiphany/wip/exalm/css: 2/2] Add drop shadow to the icon in about: page



commit 0ea36a7495b47ea73f814984105076e3730d9ad6
Author: Alexander Mikhaylenko <exalm7659 gmail com>
Date:   Tue Jan 29 21:17:27 2019 +0500

    Add drop shadow to the icon in about: page
    
    The new icon is expected to always be displayed with a drop shadow.
    
    Fixes #654

 embed/ephy-about-handler.c | 2 +-
 src/resources/about.css    | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)
---
diff --git a/embed/ephy-about-handler.c b/embed/ephy-about-handler.c
index 437a57a21..6e0d98726 100644
--- a/embed/ephy-about-handler.c
+++ b/embed/ephy-about-handler.c
@@ -174,7 +174,7 @@ ephy_about_handler_handle_about (EphyAboutHandler       *handler,
                           "<link href=\""EPHY_PAGE_TEMPLATE_ABOUT_CSS "\" rel=\"stylesheet\" 
type=\"text/css\">"
                           "</head><body>"
                           "<div class=\"dialog\">"
-                          "<img src=\"file://%s\"/>"
+                          "<img id=\"about-icon\" src=\"file://%s\"/>"
                           "<h1 id=\"about-title\">%s</h1>"
                           "<h2 id=\"about-subtitle\">%s</h2>"
                           "<p id=\"about-tagline\">%s</p>"
diff --git a/src/resources/about.css b/src/resources/about.css
index 603039d59..4e5f99c25 100644
--- a/src/resources/about.css
+++ b/src/resources/about.css
@@ -52,6 +52,11 @@ html {
     text-shadow: 0 1px 0 white;
 }
 
+#about-icon {
+    filter: drop-shadow(0 2px 12px rgba(0,0,0,0.1))
+            drop-shadow(0 1px 2px rgba(0,0,0,0.5));
+}
+
 /* about:plugins */
 
 #plugin-table


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