aboutsummaryrefslogtreecommitdiff
path: root/ext/bg/settings2.html
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2020-12-20 16:03:07 -0500
committerGitHub <noreply@github.com>2020-12-20 16:03:07 -0500
commit8747a29f9f5141abec179b64f40951f589242e3e (patch)
tree9aa7b511e7cd53eff0953db102238aef0e533c0a /ext/bg/settings2.html
parentf5ae0f1f3d9a83aa85322a2008e21da5b882e01c (diff)
Settings v2 headings improvements (#1148)
* Improve spacing on h2 * Add icons to headings * Clarify font-size
Diffstat (limited to 'ext/bg/settings2.html')
-rw-r--r--ext/bg/settings2.html58
1 files changed, 47 insertions, 11 deletions
diff --git a/ext/bg/settings2.html b/ext/bg/settings2.html
index 0d7483e1..002b864a 100644
--- a/ext/bg/settings2.html
+++ b/ext/bg/settings2.html
@@ -72,7 +72,10 @@
</div></div>
</div>
- <h2 id="profile">Profile</h2>
+ <div class="heading-container">
+ <div class="heading-container-icon"><span class="icon" data-icon="profile"></span></div>
+ <div class="heading-container-left"><h2 id="profile">Profile</h2></div>
+ </div>
<div class="settings-group">
<div class="settings-item"><div class="settings-item-inner settings-item-inner-wrappable">
<div class="settings-item-left">
@@ -102,7 +105,10 @@
</div></div>
</div>
- <h2 id="dictionaries">Dictionaries <span class="heading-sub-text no-wrap" data-modal-action="show,dictionaries">(<span id="dictionary-install-count">#</span> installed)</span></h2>
+ <div class="heading-container">
+ <div class="heading-container-icon"><span class="icon" data-icon="book"></span></div>
+ <div class="heading-container-left"><h2 id="dictionaries">Dictionaries <span class="heading-sub-text no-wrap" data-modal-action="show,dictionaries">(<span id="dictionary-install-count">#</span> installed)</span></h2></div>
+ </div>
<div class="settings-group">
<div class="settings-item settings-item-button" data-modal-action="show,dictionaries"><div class="settings-item-inner">
<div class="settings-item-left">
@@ -174,7 +180,10 @@
</div>
</div>
- <h2 id="general">General</h2>
+ <div class="heading-container">
+ <div class="heading-container-icon"><span class="icon" data-icon="cog"></span></div>
+ <div class="heading-container-left"><h2 id="general">General</h2></div>
+ </div>
<div class="settings-group">
<div class="settings-item"><div class="settings-item-inner">
<div class="settings-item-left">
@@ -268,7 +277,10 @@
</div></div>
</div>
- <h2 id="popup">Popup</h2>
+ <div class="heading-container">
+ <div class="heading-container-icon"><span class="icon" data-icon="popup"></span></div>
+ <div class="heading-container-left"><h2 id="popup">Popup</h2></div>
+ </div>
<div class="settings-group">
<div class="settings-item"><div class="settings-item-inner">
<div class="settings-item-left">
@@ -410,7 +422,10 @@
</div></div>
</div>
- <h2 id="popup-appearance">Popup Appearance</h2>
+ <div class="heading-container">
+ <div class="heading-container-icon"><span class="icon" data-icon="palette"></span></div>
+ <div class="heading-container-left"><h2 id="popup-appearance">Popup Appearance</h2></div>
+ </div>
<div class="settings-group">
<div class="settings-item"><div class="settings-item-inner settings-item-inner-wrappable">
<div class="settings-item-left">
@@ -569,7 +584,10 @@
</div></div>
</div>
- <h2 id="popup-size">Popup Position &amp; Size</h2>
+ <div class="heading-container">
+ <div class="heading-container-icon"><span class="icon" data-icon="popup-size"></span></div>
+ <div class="heading-container-left"><h2 id="popup-size">Popup Position &amp; Size</h2></div>
+ </div>
<div class="settings-group">
<div class="settings-item">
<div class="settings-item-inner settings-item-inner-wrappable">
@@ -745,7 +763,10 @@
</div></div>
</div>
- <h2 id="audio">Audio</h2>
+ <div class="heading-container">
+ <div class="heading-container-icon"><span class="icon" data-icon="speaker"></span></div>
+ <div class="heading-container-left"><h2 id="audio">Audio</h2></div>
+ </div>
<div class="settings-group">
<div class="settings-item"><div class="settings-item-inner">
<div class="settings-item-left">
@@ -784,7 +805,10 @@
</div></div>
</div>
- <h2 id="scanning">Scanning</h2>
+ <div class="heading-container">
+ <div class="heading-container-icon"><span class="icon" data-icon="scanning"></span></div>
+ <div class="heading-container-left"><h2 id="scanning">Scanning</h2></div>
+ </div>
<div class="settings-group">
<div class="settings-item">
<div class="settings-item-inner settings-item-inner-wrappable">
@@ -951,6 +975,7 @@
<div>
<div class="heading-container">
+ <div class="heading-container-icon"><span class="icon" data-icon="text-parsing"></span></div>
<div class="heading-container-left"><h2 id="text-parsing">Text Parsing</h2></div>
<div class="heading-container-right"><a class="more-toggle more-only heading-link-light" data-parent-distance="3">Info&hellip;</a></div>
</div>
@@ -1024,6 +1049,7 @@
<div>
<div class="heading-container">
+ <div class="heading-container-icon"><span class="icon" data-icon="translation"></span></div>
<div class="heading-container-left"><h2 id="translation">Translation</h2></div>
<div class="heading-container-right"><a class="more-toggle more-only heading-link-light" data-parent-distance="3">Info&hellip;</a></div>
</div>
@@ -1139,6 +1165,7 @@
<div>
<div class="heading-container">
+ <div class="heading-container-icon"><span class="icon" data-icon="note-card"></span></div>
<div class="heading-container-left"><h2 id="anki">Anki</h2></div>
<div class="heading-container-right"><a class="more-toggle more-only heading-link-light" data-parent-distance="3">Info&hellip;</a></div>
</div>
@@ -1307,7 +1334,10 @@
</div></div>
</div>
- <h2 id="shortcuts">Shortcuts</h2>
+ <div class="heading-container">
+ <div class="heading-container-icon"><span class="icon" data-icon="keyboard"></span></div>
+ <div class="heading-container-left"><h2 id="shortcuts">Shortcuts</h2></div>
+ </div>
<div class="settings-group">
<div class="settings-item"><div class="settings-item-inner">
<div class="settings-item-left">
@@ -1335,7 +1365,10 @@
</div></div>
</div>
- <h2 id="backup">Backup</h2>
+ <div class="heading-container">
+ <div class="heading-container-icon"><span class="icon" data-icon="backup"></span></div>
+ <div class="heading-container-left"><h2 id="backup">Backup</h2></div>
+ </div>
<div class="settings-group">
<div class="settings-item"><div class="settings-item-inner">
<div class="settings-item-left">
@@ -1364,7 +1397,10 @@
</div></div>
</div>
- <h2 id="security" class="advanced-only">Security</h2>
+ <div class="heading-container advanced-only">
+ <div class="heading-container-icon"><span class="icon" data-icon="lock"></span></div>
+ <div class="heading-container-left"><h2 id="security">Security</h2></div>
+ </div>
<div class="settings-group advanced-only">
<div class="settings-item">
<div class="settings-item-inner settings-item-inner-wrappable">