Browse Source

P4TB-246: Rework Options/About.

master
Jörg Knobloch 1 year ago
parent
commit
e87c20be75
4 changed files with 56 additions and 36 deletions
  1. +4
    -1
      addon/_locales/de/messages.json
  2. +4
    -1
      addon/_locales/en/messages.json
  3. +27
    -18
      addon/content/dialogs/options.css
  4. +21
    -16
      addon/content/dialogs/options.xhtml

+ 4
- 1
addon/_locales/de/messages.json View File

@ -234,7 +234,10 @@
"message": "Mobile Companion Apps für Android and iOS"
},
"optionsDonate": {
"message": "Spende an p≡p für Thunderbird"
"message": "Spende für die Entwicklung unserer kostenlosen Software"
},
"optionsDonateButton": {
"message": "Spenden"
},
"optionsContact": {
"message": "Kontakt:"


+ 4
- 1
addon/_locales/en/messages.json View File

@ -234,7 +234,10 @@
"message": "Mobile Companion Apps for Android and iOS"
},
"optionsDonate": {
"message": "Donate to p≡p for Thunderbird"
"message": "Contribute to the development of our free software"
},
"optionsDonateButton": {
"message": "Donate"
},
"optionsContact": {
"message": "Contact:"


+ 27
- 18
addon/content/dialogs/options.css View File

@ -8,39 +8,41 @@
margin-top: 0.1em;
margin-bottom: 0.1em;
}
.section .head {
.section .padTop {
margin-top: 1em;
margin-bottom: 1em;
margin-bottom: 0.1em;
}
.section .head img {
.section .padTop img {
width: 30ch;
}
.section .body {
.section .noPadTop {
margin-top: 0.1em;
margin-bottom: 0.1em;
}
.section .body p {
padding: 0;
margin: 0;
}
p {
padding: 0.1em;
margin: 0.1em;
}
td {
padding-left: 4px;
}
td label {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.hidden {
display: none;
}
/* the following has the intent to make the textarea similar to the
look other elements have in MacOS */
/* Unused.
textarea#disclaimer {
border-radius: 0.4em;
border: 1px solid gray;
padding: 0.4em;
.bold {
font-weight: bold;
}
*/
.button-group {
padding: 1em 1em 1em 0;
@ -79,6 +81,13 @@ textarea#disclaimer {
label.text-link {
line-height: normal;
margin-inline-start: 0;
color: #00A748;
color: #00A748 !important;
}
button.donate {
border-radius: 0.5em;
border: 2px solid lightgray;
padding: 0.2em 0.5em;
margin: 0.5em;
background-color: #03AA4B;
}

+ 21
- 16
addon/content/dialogs/options.xhtml View File

@ -159,34 +159,39 @@
<tabpanel>
<html:div id="about">
<html:div class="section">
<html:div class="head">
<html:div class="padTop">
<html:img src="chrome://pEp4Tb/content/resources/images/logo.svg"
data-localekey="optionsLogoAlt"
data-localeattribute="alt"/>
</html:div>
<html:div class="body">
<html:p>
<html:b data-localekey="extensionName"></html:b>
</html:p>
<html:div class="noPadTop">
<html:label class="bold" data-localekey="extensionName"></html:label>
<html:br/>
<html:label data-localekey="optionsVersion"></html:label>
<html:label data-localekey="pEpVersion"></html:label>
</html:div>
</html:div>
<html:div class="section">
<html:div class="head">
<label class="text-link"
onclick="pEpOptions.openLink('https://www.pep.security/donate');" label-localekey="optionsDonate"></label>
</html:div>
<html:div class="head"><html:span data-localekey="optionsContact"></html:span>
<html:div class="padTop"><html:label class="bold" data-localekey="optionsContact"></html:label>
<label class="text-link"
onclick="pEpOptions.openLink('mailto:support@pep.security');">support@pep.security</label>
</html:div>
<html:div class="head"><html:span data-localekey="optionsDocumentation"></html:span>
<html:div class="noPadTop"><html:label class="bold" data-localekey="optionsDocumentation"></html:label>
<label class="text-link"
onclick="pEpOptions.openLink('https://pep.security/docs/');">https://pep.security/docs/</label>
</html:div>
<html:div class="head" data-localekey="optionsThanks"></html:div>
<html:div class="body">
</html:div>
<html:div class="section">
<html:div class="padTop">
<html:label class="bold" data-localekey="optionsDonate"></html:label>
<button class="donate"
onclick="pEpOptions.openLink('https://www.pep.security/donate');" label-localekey="optionsDonateButton">
</button>
</html:div>
</html:div>
<html:div class="section">
<html:div class="padTop"><html:label class="bold" data-localekey="optionsThanks"></html:label></html:div>
<html:div class="noPadTop">
<html:table>
<html:tr>
<html:td>pEpEngine</html:td>
@ -232,8 +237,8 @@
<html:td>Sequoia</html:td>
<html:td>
<label class="text-link"
onclick="pEpOptions.openLink('https://sequoia-pgp.org/');">
https://sequoia-pgp.org/</label>
onclick="pEpOptions.openLink('https://sequoia-pgp.org');">
https://sequoia-pgp.org</label>
</html:td>
</html:tr>
<html:tr>
@ -252,7 +257,7 @@
<tabpanel>
<html:div id="mobile">
<html:div class="section">
<html:div class="head"><html:span data-localekey="optionsCompanionApps"></html:span>
<html:div class="padTop"><html:label data-localekey="optionsCompanionApps"></html:label>
<html:br/>
<html:br/>
<label class="text-link"


Loading…
Cancel
Save