open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixup for checkbox pos; add wrapper & visual feedback

Browse Source
This commit is contained in:
tophf 2015-03-24 14:12:55 +03:00
parent f45a6506be
commit f0f5a28c46
2 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
popup.html
View File

@ -42,6 +42,9 @@
#installed { #installed {
margin-top: 0.5em; margin-top: 0.5em;
} }
#installed.disabled {
opacity: 0.5;
}
body > .actions { body > .actions {
margin-top: 0.5em; margin-top: 0.5em;
} }
@ -49,6 +52,9 @@
.actions > div, #unavailable { .actions > div, #unavailable {
margin-bottom: 0.75em; margin-bottom: 0.75em;
} }
.actions input, .actions label {
vertical-align: middle;
}
#unavailable { #unavailable {
border: none; border: none;
@ -105,12 +111,6 @@
color: inherit; color: inherit;
text-decoration: underline; text-decoration: underline;
} }
#disableAll {
margin: 0 .5ex 0 0;
font-size: x-small;
vertical-align: text-bottom;
}
</style> </style>
<script src="localization.js"></script> <script src="localization.js"></script>
@ -126,9 +126,12 @@
<div id="installed"></div> <div id="installed"></div>
<div class="actions"> <div class="actions">
<div id="disable-all-wrapper">
<input id="disableAll" type="checkbox">
<label id="disableAll-label" for="disableAll"></label>
</div>
<div id="find-styles"><a id="find-styles-link" href="#"></a></div> <div id="find-styles"><a id="find-styles-link" href="#"></a></div>
<div id="manage-styles"><a id="open-manage-link" href="manage.html"></a></div> <div id="manage-styles"><a id="open-manage-link" href="manage.html"></a></div>
<div><input id="disableAll" type="checkbox"><label id="disableAll-label" for="disableAll"></label></div>
<div id="write-style"><span id="write-style-for"></span></div> <div id="write-style"><span id="write-style-for"></span></div>
</div> </div>

1
popup.js
View File

@ -193,5 +193,6 @@ tE("disableAll-label", "disableAllStyles");
loadPrefs({"disableAll": false}) loadPrefs({"disableAll": false})
document.getElementById("disableAll").addEventListener("change", function(event) { document.getElementById("disableAll").addEventListener("change", function(event) {
document.getElementById("installed").classList.toggle("disabled", event.target.checked);
notifyAllTabs({method: "styleDisableAll", disableAll: event.target.checked}); notifyAllTabs({method: "styleDisableAll", disableAll: event.target.checked});
}); });