This commit is contained in:
gorhill 2015-05-28 16:26:01 -04:00
parent 446059a66d
commit 50f047eb45
5 changed files with 27 additions and 9 deletions

View File

@ -11,7 +11,7 @@
<body>
<p data-i18n="1pFormatHint"></p>
<p><button id="userFiltersApply" disabled="true" data-i18n="1pApplyChanges"></button></p>
<p><button id="userFiltersApply" class="important" type="button" disabled="true" data-i18n="1pApplyChanges"></button></p>
<textarea class="userFilters" id="userFilters" dir="auto" spellcheck="false"></textarea>
<p><button id="importUserFiltersFromFile" data-i18n="1pImport"></button> &emsp;
<button id="exportUserFiltersToFile" data-i18n="1pExport"></button>

View File

@ -10,10 +10,10 @@
<body>
<button id="buttonApply" class="custom reloadAll disabled" data-i18n="3pApplyChanges"></button>
<button id="buttonApply" class="important disabled" data-i18n="3pApplyChanges"></button>
<ul id="options">
<li><input type="checkbox" id="autoUpdate"><label data-i18n="3pAutoUpdatePrompt1" for="autoUpdate"></label>&ensp;
<button class="custom reloadAll disabled" id="buttonUpdate" data-i18n="3pUpdateNow"></button>
<button class="important disabled" id="buttonUpdate" data-i18n="3pUpdateNow"></button>
<button id="buttonPurgeAll" class="custom disabled" data-i18n="3pPurgeAll"></button>
<li><input type="checkbox" id="parseCosmeticFilters"><label data-i18n="3pParseAllABPHideFiltersPrompt1" for="parseCosmeticFilters"></label>
<button class="whatisthis"></button>

View File

@ -84,11 +84,6 @@ button.custom.disabled {
button.custom:hover {
opacity: 1.0;
}
button.custom.reloadAll:not(.disabled) {
border-color: #ffcc7f #ffcc7f hsl(36, 100%, 73%);
background-color: hsl(36, 100%, 75%);
background-image: linear-gradient(#ffdca8, #ffcc7f);
}
#buttonApply {
display: initial;
margin: 1em 0;

View File

@ -25,6 +25,29 @@ div > p:last-child {
margin-bottom: 0;
}
button.important {
padding: 5px;
border: 1px solid transparent;
border-color: #ffcc7f #ffcc7f hsl(36, 100%, 73%);
border-radius: 3px;
background-color: hsl(36, 100%, 75%);
background-image: linear-gradient(#ffdca8, #ffcc7f);
background-repeat: repeat-x;
color: #222;
opacity: 0.8;
}
button.important[disabled],
button.important.disabled {
border-color: #dddddd #dddddd hsl(36, 0%, 85%);
background-color: hsl(36, 0%, 72%);
background-image: linear-gradient(#f2f2f2, #dddddd);
color: #888;
pointer-events: none;
}
button.important:hover {
opacity: 1.0;
}
.para {
width: 40em;
}

View File

@ -11,7 +11,7 @@
<body>
<p data-i18n="whitelistPrompt"></p>
<p><button id="whitelistApply" type="button" disabled="true" data-i18n="whitelistApply"></button></p>
<p><button id="whitelistApply" class="important" type="button" disabled="true" data-i18n="whitelistApply"></button></p>
<textarea id="whitelist" dir="auto" spellcheck="false"></textarea>
<p><button id="importWhitelistFromFile" data-i18n="whitelistImport"></button> &emsp;
<button id="exportWhitelistToFile" data-i18n="whitelistExport"></button>