achmizs/AlwaysKillSticky
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Some minor tweaks to options page

Browse Source
This commit is contained in:
Said Achmiz 2019-02-01 18:50:33 -05:00
parent db2f3e391c
commit 78f3349d62
3 changed files with 22 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
options.css
View File

@ -17,7 +17,7 @@ body > div {
position: relative; position: relative;
} }
body > div + div { body > div + div {
margin: 2.5em 0 0 0; margin: 2.5em 0 1em 0;
} }
h1 { h1 {
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
@ -166,6 +166,16 @@ form button:not(:disabled):hover {
font-family: Inconsolata, Courier, monospace; font-family: Inconsolata, Courier, monospace;
font-size: 4em; font-size: 4em;
} }
body > p { p.note {
padding: 0 15px; font-size: 0.875em;
}
.bottom-info {
font-size: 0.875rem;
color: #aaa;
text-align: center;
margin: 1em 0;
line-height: 1.6;
}
.bottom-info p {
margin: 0;
} }

7
options.html
View File

@ -3,6 +3,7 @@
<head> <head>
<title>Always Kill Sticky - Options</title> <title>Always Kill Sticky - Options</title>
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<link rel='stylesheet' type='text/css' href='options.css' /> <link rel='stylesheet' type='text/css' href='options.css' />
<link rel="shortcut icon" type="image/png" href="images/ASK_on_32.png" /> <link rel="shortcut icon" type="image/png" href="images/ASK_on_32.png" />
</head> </head>
@ -29,11 +30,15 @@
<div id='exclusionPatterns'> <div id='exclusionPatterns'>
<h2>Exclusion patterns</h2> <h2>Exclusion patterns</h2>
<p>Do <strong>not</strong> kill stickies on web page URLs matching the following <a href='https://regexr.com/' rel='nofollow' target='_blank'>regular expressions</a> (one per line):</p> <p>Do <strong>not</strong> kill stickies on web page URLs matching the following <a href='https://regexr.com/' rel='nofollow' target='_blank'>regular expressions</a> (one per line):</p>
<p class='note'>(<strong>NOTE:</strong> Exclusion patterns override matching patterns; if a page is <em>both</em> matched <em>and</em> excluded, stickies will <strong>not</strong> be killed on that page.)</p>
<div class='textarea-container'> <div class='textarea-container'>
<textarea spellcheck="false"></textarea> <textarea spellcheck="false"></textarea>
</div> </div>
</div> </div>
<p>NOTE: Exclusion patterns override matching patterns; if a page is <em>both</em> matched <em>and</em> excluded, stickies will <strong>not</strong> be killed on that page.</p> <div class='bottom-info'>
<p class='bottom-info'>AlwaysKillSticky v<span class='version'>0.0</span></p>
<p class='bottom-info'>© Said Achmiz 2019–present</p>
</div>
</body> </body>
<script src="functions.js"></script> <script src="functions.js"></script>
<script src="options.js"></script> <script src="options.js"></script>

3
options.js
View File

@ -119,6 +119,9 @@ function initialize() {
document.querySelector(`${divToFocus} textarea`).focus(); document.querySelector(`${divToFocus} textarea`).focus();
}); });
// Update version.
document.querySelector(".bottom-info .version").innerHTML = chrome.runtime.getManifest().version;
// Listeners for Reset and Save buttons. // Listeners for Reset and Save buttons.
document.querySelectorAll("button").forEach(button => { document.querySelectorAll("button").forEach(button => {
button.addActivateEvent((event) => { button.addActivateEvent((event) => {