Browse Source

P4TB-246: Follow-up, further tweaks to the Options panel to make it look good on Mac.

master
Jörg Knobloch 1 year ago
parent
commit
6baea9a07a
2 changed files with 11 additions and 6 deletions
  1. +6
    -1
      addon/content/dialogs/options.css
  2. +5
    -5
      addon/content/dialogs/options.xhtml

+ 6
- 1
addon/content/dialogs/options.css View File

@ -84,10 +84,15 @@ label.text-link {
color: #00A748 !important;
}
button.donate {
label.donate {
color: black !important;
border-radius: 0.5em;
border: 2px solid lightgray;
padding: 0.2em 0.5em;
margin: 0.5em;
background-color: #03AA4B;
}
:root[lwt-tree-brighttext] label.donate {
color: white !important;
}

+ 5
- 5
addon/content/dialogs/options.xhtml View File

@ -184,9 +184,9 @@
<html:div class="section">
<html:div class="padTop">
<html:label class="bold" data-localekey="optionsDonate"></html:label>
<button class="donate"
<label class="text-link donate"
onclick="pEpOptions.openLink('https://www.pep.security/donate');" label-localekey="optionsDonateButton">
</button>
</label>
</html:div>
</html:div>
<html:div class="section">
@ -262,12 +262,12 @@
<html:br/>
<label class="text-link"
onclick="pEpOptions.openLink('https://play.google.com/store/apps/details?id=security.pEp');">
<!-- Icon not displayed correctly with height less than 54px -->
<html:img style="height: 55px;" alt="Android" src="chrome://pEp4Tb/content/resources/images/google.svg"/>
<!-- Icon not displayed correctly with height less than 54px, 62px on Mac -->
<html:img style="height: 62px;" alt="Android" src="chrome://pEp4Tb/content/resources/images/google.svg"/>
</label>
<label class="text-link"
onclick="pEpOptions.openLink('https://apps.apple.com/us/app/p-p/id1375458631');">
<html:img style="height: 55px;" alt="iOS" src="chrome://pEp4Tb/content/resources/images/apple.svg"/>
<html:img style="height: 62px;" alt="iOS" src="chrome://pEp4Tb/content/resources/images/apple.svg"/>
</label>
</html:div>
</html:div>


Loading…
Cancel
Save