#123 Adding proper text and blog post

pratikabu · May 18, 2020 · 01e7a1d · 01e7a1d
1 parent 8fa56b7
commit 01e7a1d
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/base/options/options.html b/base/options/options.html
@@ -38,9 +38,16 @@
 					<div class="settinggroup" style="text-align: center;">
 						<div class="settingoptions">
 							<input type="radio" name="showIconsOnPage" value="true"><span id="siopYes">Show Icons on Page</span>
-							<input type="radio" name="showIconsOnPage" value="false"><span id="siopNo">Don&#39;t Show Icons</span>
+							<input type="radio" name="showIconsOnPage" value="false"><span id="siopNo">Do Not Show Icons</span>
 						</div>
 					</div>
+					<div class="settinggroup" style="text-align: center;">
+						<div><a href="https://blog.pratikabu.com/2020/05/future-path-on-privacy-scroll-to-top.html">Read more</a> about future path on privacy.</div>
+					</div>
+					<div id="noIconShowTextId" class="settinggroup" style="text-align: center; display: none">
+						The extension icon won&apos;t be visible on the page,
+						you can use toolbar icon or right click menu to scroll up and down.
+					</div>
 				</div>
 
 				<div id="toolbarSettings" class="tableClass" style="display: none;">

diff --git a/base/options/res/options.js b/base/options/res/options.js
@@ -415,10 +415,13 @@ It shows or hide the page icon customization area based on what value is selecte
 */
 function showHidePageIconCustomizations() {
 	var allSelectedElements = $(".pageIconSettings");
+	var noShowTextDiv = $("#noIconShowTextId");
 	if("true" == $('input:radio[name=showIconsOnPage]:checked').val()) {
 		allSelectedElements.show();
+		noShowTextDiv.hide();
 	} else {
 		allSelectedElements.hide();
+		noShowTextDiv.show();
 	}
 }