wuggy/Dactyloidae
wuggy/Dactyloidae
1
0
Fork 0
mirror of https://repo.dactyloidae.xyz/Dactyloidae/UXP.git synced 2026-10-21 14:47:31 +09:00
Code Issues Projects Releases Packages Wiki Activity

Tweak the about box layout a bit.

Browse source 
- Put the Licensing link in the center
- Strengthen the "fog" background for the credits text for readability
- Add CSS animation to fade it in.
This commit is contained in:
wolfbeast 2019-03-05 14:41:20 +01:00 • committed by Roy Tam
commit eaebddafa3
3 changed files with 35 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

2
application/palemoon/base/content/aboutDialog.xul
View file

@ -75,8 +75,8 @@
</vbox> </vbox>
<vbox id="aboutLinkBox"> <vbox id="aboutLinkBox">
<hbox pack="center"> <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: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> <label class="text-link bottom-link" id="releaseNotesURL">Release notes</label>
</hbox> </hbox>
<description id="aboutPMtrademark">&trademarkInfo.part1;</description> <description id="aboutPMtrademark">&trademarkInfo.part1;</description>

20
application/palemoon/branding/official/content/aboutDialog.css
View file

@ -22,17 +22,31 @@
} }
#aboutTextBox { #aboutTextBox {
animation: 3s fadeIn;
animation-fill-mode: forwards;
font-family: Arial, helvetica; font-family: Arial, helvetica;
font-size: 14px; font-size: 14px;
text-shadow: 1px 1px 0px #9ABCD5; text-shadow: 1px 1px 0px #9ABCD5;
padding: 0px 10px; padding: 15px 10px 5px;
background: linear-gradient(to bottom, background: linear-gradient(to bottom,
transparent 0%, transparent 0%,
rgba(255, 255, 255, .3) 20%, rgba(255, 255, 255, .6) 15%,
rgba(255, 255, 255, .5) 75%, rgba(255, 255, 255, .7) 85%,
transparent 100%); transparent 100%);
} }
@keyframes fadeIn {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#aboutLinkBox { #aboutLinkBox {
padding: 15px 10px 0; padding: 15px 10px 0;
font-family: Arial, helvetica; font-family: Arial, helvetica;

20
application/palemoon/branding/unstable/content/aboutDialog.css
View file

@ -22,17 +22,31 @@
} }
#aboutTextBox { #aboutTextBox {
animation: 3s fadeIn;
animation-fill-mode: forwards;
font-family: Arial, helvetica; font-family: Arial, helvetica;
font-size: 14px; font-size: 14px;
text-shadow: 1px 1px 0px #D5BC9A; text-shadow: 1px 1px 0px #D5BC9A;
padding: 0px 10px; padding: 15px 10px 5px;
background: linear-gradient(to bottom, background: linear-gradient(to bottom,
transparent 0%, transparent 0%,
rgba(255, 255, 255, .3) 20%, rgba(255, 255, 255, .6) 15%,
rgba(255, 255, 255, .5) 75%, rgba(255, 255, 255, .7) 85%,
transparent 100%); transparent 100%);
} }
@keyframes fadeIn {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#aboutLinkBox { #aboutLinkBox {
padding: 15px 10px 0; padding: 15px 10px 0;
font-family: Arial, helvetica; font-family: Arial, helvetica;