[X2Go-Commits] [pale-moon] 76/294: Tweak the about box layout a bit.

[git-admin at x2go.org]

This is an automated email from the git hooks/post-receive script.

x2go pushed a commit to branch upstream/28.5.0
in repository pale-moon.

commit a7bca40ad5044a55358fe1c839a613da644a2bd2
Author: wolfbeast <mcwerewolf at wolfbeast.com>
Date:   Tue Mar 5 14:41:20 2019 +0100

    Tweak the about box layout a bit.
    
    - Put the Licensing link in the center
    - Strengthen the "fog" background for the credits text for readability
    - Add CSS animation to fade it in.
---
 application/palemoon/base/content/aboutDialog.xul    |  2 +-
 .../branding/official/content/aboutDialog.css        | 20 +++++++++++++++++---
 .../branding/unstable/content/aboutDialog.css        | 20 +++++++++++++++++---
 3 files changed, 35 insertions(+), 7 deletions(-)

diff --git a/application/palemoon/base/content/aboutDialog.xul b/application/palemoon/base/content/aboutDialog.xul
index ff9d2d7..cc865f0 100644
--- a/application/palemoon/base/content/aboutDialog.xul
+++ b/application/palemoon/base/content/aboutDialog.xul
@@ -75,8 +75,8 @@
     </vbox>
     <vbox id="aboutLinkBox">
       <hbox pack="center">
-        <label class="text-link bottom-link" href="about:license">Licensing information</label>
         <label class="text-link bottom-link" href="about:rights">End-user rights</label>
+        <label class="text-link bottom-link" href="about:license">Licensing information</label>
         <label class="text-link bottom-link" id="releaseNotesURL">Release notes</label>
       </hbox>
       <description id="aboutPMtrademark">&trademarkInfo.part1;</description>
diff --git a/application/palemoon/branding/official/content/aboutDialog.css b/application/palemoon/branding/official/content/aboutDialog.css
index b9452a5..59074a1 100644
--- a/application/palemoon/branding/official/content/aboutDialog.css
+++ b/application/palemoon/branding/official/content/aboutDialog.css
@@ -22,17 +22,31 @@
 }
 
 #aboutTextBox {
+  animation: 3s fadeIn;
+  animation-fill-mode: forwards;
   font-family: Arial, helvetica;
   font-size: 14px;
   text-shadow: 1px 1px 0px #9ABCD5;
-  padding: 0px 10px;
+  padding: 15px 10px 5px;
   background: linear-gradient(to bottom,
                               transparent 0%,
-                              rgba(255, 255, 255, .3) 20%,
-                              rgba(255, 255, 255, .5) 75%,
+                              rgba(255, 255, 255, .6) 15%,
+                              rgba(255, 255, 255, .7) 85%,
                               transparent 100%);
 }
 
+ at keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  50% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
 #aboutLinkBox {
   padding: 15px 10px 0;
   font-family: Arial, helvetica;
diff --git a/application/palemoon/branding/unstable/content/aboutDialog.css b/application/palemoon/branding/unstable/content/aboutDialog.css
index 4529c22..7ae040b 100644
--- a/application/palemoon/branding/unstable/content/aboutDialog.css
+++ b/application/palemoon/branding/unstable/content/aboutDialog.css
@@ -22,17 +22,31 @@
 }
 
 #aboutTextBox {
+  animation: 3s fadeIn;
+  animation-fill-mode: forwards;
   font-family: Arial, helvetica;
   font-size: 14px;
   text-shadow: 1px 1px 0px #D5BC9A;
-  padding: 0px 10px;
+  padding: 15px 10px 5px;
   background: linear-gradient(to bottom,
                               transparent 0%,
-                              rgba(255, 255, 255, .3) 20%,
-                              rgba(255, 255, 255, .5) 75%,
+                              rgba(255, 255, 255, .6) 15%,
+                              rgba(255, 255, 255, .7) 85%,
                               transparent 100%);
 }
 
+ at keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  50% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
 #aboutLinkBox {
   padding: 15px 10px 0;
   font-family: Arial, helvetica;

--
Alioth's /home/x2go-admin/maintenancescripts/git/hooks/post-receive-email on /srv/git/code.x2go.org/pale-moon.git