Skip to content
Snippets Groups Projects
Verified Commit ff4bbeaf authored by Thomas Rientjes's avatar Thomas Rientjes
Browse files

Refactor extension options page

parent d6173249
No related branches found
No related tags found
No related merge requests found
section {
padding-left: 32px;
}
/**
* Titles
*/
section .title {
-webkit-margin-start: -32px;
.option-title {
font-weight: bold;
}
section .description {
font-style: italic;
margin-bottom: 16px;
/**
* Controls
*/
.text-input {
margin-left: 36px !important;
}
.button-panel {
text-align: right;
/**
* Miscellaneous
*/
.option-description {
font-style: italic;
margin-bottom: 16px;
padding-left: 36px;
}
......@@ -19,20 +19,20 @@
<section>
<label class="title">
<label class="option-title">
<input data-option="blockMissing" type="checkbox">
<span data-i18n-content="blockMissingTitle"></span>
</label>
<div class="description" data-i18n-content="blockMissingDescription"></div>
<div class="option-description" data-i18n-content="blockMissingDescription"></div>
</section>
<section>
<div class="title" data-i18n-content="domainWhitelistTitle"></div>
<input data-option="domainWhitelist" type="text">
<div class="description" data-i18n-content="domainWhitelistDescription"></div>
<div class="option-title" data-i18n-content="domainWhitelistTitle"></div>
<input class="text-input" data-option="domainWhitelist" type="text">
<div class="option-description" data-i18n-content="domainWhitelistDescription"></div>
</section>
......
......@@ -27,10 +27,9 @@ const VALUE_SEPARATOR = ';';
document.addEventListener('DOMContentLoaded', function () {
let i18nElements, saveButtonElement, blockMissingElement, domainWhitelistElement;
let i18nElements, blockMissingElement, domainWhitelistElement;
i18nElements = document.querySelectorAll('[data-i18n-content]');
saveButtonElement = document.getElementById('save-button');
i18nElements.forEach(function (i18nElement) {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment