Skip to content

Commit

Permalink
Merge pull request #108 from pratikabu/v4.8.5
Browse files Browse the repository at this point in the history 
v4.8.5
  • Loading branch information
@pratikabu
pratikabu committed Mar 29, 2020
2 parents a5e8594 + 2cf6da6 commit fc3677d
Show file tree
Hide file tree
Showing 13 changed files with 165 additions and 73 deletions.
10 changes: 5 additions & 5 deletions README.md
View file
Expand Up @@ -7,16 +7,16 @@ Everyday scrolling on long pages can be a tiring experience specially on those s

Scroll To Top tries to minimize this effort by providing an intuitive icon at the bottom-right corner of each page so that with one click you will be at the top of the page with beautiful animation. No more searching for Home key on your keyboard and no more dragging of the scroll bar. It will be just fun and ergonomic to use it.

[Official website](http://pratikabu.users.sourceforge.net/extensions/scrolltotop), [Donate Now](http://pratikabu.users.sourceforge.net/extensions/scrolltotop/donate.php)
[Official website](https://pratikabu.github.io/extensions/scrolltotop), [Donate Now](https://pratikabu.github.io/extensions/scrolltotop/donate.html)

### Get Scroll To Top for your browser:

Download for [Mozilla Firefox](http://addons.mozilla.org/en-US/firefox/addon/scroll-to-top?src=external-git)
Download for [Mozilla Firefox](https://addons.mozilla.org/en-US/firefox/addon/scroll-to-top?src=external-git)

Download for [Google Chrome](http://chrome.google.com/webstore/detail/scroll-to-top/hegiignepmecppikdlbohnnbfjdoaghj)
Download for [Google Chrome](https://chrome.google.com/webstore/detail/scroll-to-top/hegiignepmecppikdlbohnnbfjdoaghj)

Download for [Apple Safari](http://pratikabu.users.sourceforge.net/extensions/scrolltotop/safaridownload.php)

Download for [Opera](http://addons.opera.com/en/extensions/details/scroll-to-top)
Download for [Opera](https://addons.opera.com/en/extensions/details/scroll-to-top)

See the full change log [here](pratikabu.users.sourceforge.net/extensions/scrolltotop/release.html).
See the full change log [here](https://pratikabu.github.io/extensions/scrolltotop/release.html).
2 changes: 1 addition & 1 deletion ants/build-opera-chromium.properties
View file
Expand Up @@ -11,7 +11,7 @@ backgroundFile=background.js
browserMainDestJSLoc=${browserDir}/${backgroundFile}

deployExtension=zip
browserSpeceficReviewUrl=http://addons.opera.com/en/extensions/details/scroll-to-top
browserSpeceficReviewUrl=https://addons.opera.com/en/extensions/details/scroll-to-top

searchStorageLine=return chrome.storage.sync
replaceStorageLine=return chrome.storage.local
84 changes: 49 additions & 35 deletions base/options/options.html
View file
Expand Up @@ -13,9 +13,27 @@
</head>
<body>
<form name="myForm"><div align="center" class="myFonts" style="width: 100%;">
<div align="center" class="myFonts centerDiv">

<a target="_blank" href="http://pratikabu.users.sourceforge.net/extensions/scrolltotop"><span class="myHeader" title="Scroll To Top - Home page">Scroll To Top</span></a>
<div class="headerDiv">
<div class="mainContentWidth">
<div class="branding">
<a target="_blank" href="https://pratikabu.github.io/extensions/scrolltotop"><span class="myHeader" title="Scroll To Top - Home page">Scroll To Top</span></a>
</div>
<div class="versionInfo">
<div class="donateContainerDiv myFonts">
<span>Version: <span class="addonVersionId"></span></span><br/>
<div style="margin: 5px 0;">
<div class="donateId" style="display: inline-block;"></div> |
<div class="reviewId" style="display: inline-block;"></div>
</div>
</div>
<span>
<a target="_blank" href="https://github.com/pratikabu/scrolltotop" style="vertical-align: middle; display: inline-block;" title="Scroll To Top on GitHub"><img src="res/github-32.png" alt="GitHub" class="bottomIcon" /></a>
<a target="_blank" href="https://twitter.com/scrolltotop" style="vertical-align: middle; display: inline-block;" title="Scroll To Top on Twitter"><img src="res/social-tw.png" alt="Twitter" class="bottomIcon" /></a>
</span>
</div>
</div>
</div>
<div align="center" class="myFonts centerDiv mainContentWidth">
<div id="commonSettings" class="tableClass">
<div class="groupHeader">Common Settings</div>
<div class="settinggroup">
Expand Down Expand Up @@ -85,15 +103,30 @@
<div class="settingoptions">
<input type="radio" name="smartDirection" value="true"><span id="sdOn">On</span>
<input type="radio" name="smartDirection" value="false"><span id="sdOff">Off</span>
<a target="_blank" href="http://pratikabu.blogspot.com/2013/04/stt-smart-direction-mode.html" title="Learn more about Smart Direction Mode" style="margin-left: 7px;">What is this?</a>
<a target="_blank" href="https://pratikabu.blogspot.com/2013/04/stt-smart-direction-mode.html" title="Learn more about Smart Direction Mode" style="margin-left: 7px;">What is this?</a>
</div>
</div>
<div class="settinggroup">
<div class="settinglabel">Control Options :</div>
<div class="settingoptions">
<input type="radio" name="controlOptions" value="none"><span id="coNone">None</span>
<input type="radio" name="controlOptions" value="simple"><span id="coSimple">Simple</span>
<input type="radio" name="controlOptions" value="pager"><span id="coPager">With Pager</span>
<input type="radio" name="controlOptions" value="simple">
<div id="coSimple" class="controlsec-div" style="width: 24px;">
<img class="blackAndWhiteCSS" src="../icons/pratikabu-stt-clear-24.png">
<img class="blackAndWhiteCSS" src="../icons/pratikabu-stt-settings-24.png">
</div>
<input type="radio" name="controlOptions" value="pagerOnly">
<div id="coPagerOnly" class="controlsec-div" style="width: 24px;">
<img class="blackAndWhiteCSS" src="../icons/pratikabu-stt-pageup-24.png">
<img class="blackAndWhiteCSS" src="../icons/pratikabu-stt-pageup-24.png" style="transform: rotate(180deg);">
</div>
<input type="radio" name="controlOptions" value="pager">
<div id="coPager" class="controlsec-div" style="width: 48px;">
<img class="pratikabuSTTImg blackAndWhiteCSS floatl" src="../icons/pratikabu-stt-clear-24.png">
<img class="pratikabuSTTImg blackAndWhiteCSS floatr" src="../icons/pratikabu-stt-pageup-24.png">
<img class="pratikabuSTTImg blackAndWhiteCSS floatl" src="../icons/pratikabu-stt-settings-24.png">
<img class="pratikabuSTTImg blackAndWhiteCSS floatr" src="../icons/pratikabu-stt-pageup-24.png" style="transform: rotate(180deg);">
</div>
</div>
</div>
<div class="advancedProp settinggroup">
Expand Down Expand Up @@ -127,10 +160,10 @@
<br/>
Follow these steps to upload your own icon:
<ol>
<li>Get base64 encoded string of your image. <a href="http://www.base64-image.de/step-1.php" target="_blank">Click here</a> and follow the steps.</li>
<li>Get base64 encoded string of your image. <a href="https://www.base64-image.de" target="_blank">Click here</a> and follow the steps.</li>
<li>Paste the base64 encoded string in the above text box.</li>
<li>That's it!! Your image should appear in the preview box above.</li>
<li>Still confused? <a target="_blank" href="http://pratikabu.users.sourceforge.net/extensions/scrolltotop/base64help.html">Click here</a> for detailed explanation with pictures.</li>
<li>Still confused? <a target="_blank" href="https://pratikabu.github.io/extensions/scrolltotop/base64help.html">Click here</a> for detailed explanation with pictures.</li>
</ol>
You can try on these sites to get amazing icons <a target="_blank" href="https://findicons.com">findicons.com</a>, <a target="_blank" href="http://www.iconarchive.com">iconarchive.com</a>, <a target="_blank" href="https://icons8.com">icons8.com</a>.
</div>
Expand Down Expand Up @@ -174,10 +207,10 @@
<br/>
Follow these steps to upload your own icon:
<ol>
<li>Get base64 encoded string of your image. <a href="http://www.base64-image.de/step-1.php" target="_blank">Click here</a> and follow the steps.</li>
<li>Get base64 encoded string of your image. <a href="https://www.base64-image.de" target="_blank">Click here</a> and follow the steps.</li>
<li>Paste the base64 encoded string in the above text box.</li>
<li>That's it!! Your image should appear in the preview box above.</li>
<li>Still confused? <a target="_blank" href="http://pratikabu.users.sourceforge.net/extensions/scrolltotop/base64help.html">Click here</a> for detailed explanation with pictures.</li>
<li>Still confused? <a target="_blank" href="https://pratikabu.github.io/extensions/scrolltotop/base64help.html">Click here</a> for detailed explanation with pictures.</li>
</ol>
You can try on these sites to get amazing icons <a target="_blank" href="https://findicons.com">findicons.com</a>, <a target="_blank" href="http://www.iconarchive.com">iconarchive.com</a>, <a target="_blank" href="https://icons8.com">icons8.com</a>.
</div>
Expand Down Expand Up @@ -210,7 +243,7 @@
<div class="settingoptions verticalTop">
<textarea id="removedSites" class="siteTextArea"></textarea>
<p align="justify" style="font-size: 12px;">
type domain names separated by ';'. No special charaters please. <a target="_blank" href="http://pratikabu.blogspot.com/2013/04/stt-how-to-fill-domain-names.html">Help?</a><br/>
type domain names separated by ';'. No special charaters please. <a target="_blank" href="https://pratikabu.blogspot.com/2013/04/stt-how-to-fill-domain-names.html">Help?</a><br/>
Ex: mail.google.com;google.com/calendar;
</p>
</div>
Expand All @@ -220,32 +253,13 @@
<input type="button" id="advSettingsBut" value="Show More Settings" class="mybutton small red" title="Choose different icons, configure advanced settings and more..." />
<input type="button" id="defaultBut" value="Restore to Defaults" class="mybutton small green" title="Restore all settings to original values." />
<input type="button" id="exportImportBut" value="Export / Import" class="mybutton small blue" title="Export/Import settings cross browser." />
<input type="button" id="donateReviewBut" value="Support Me" class="mybutton small orange" /><br/><br/>
<input type="button" id="donateReviewBut" value="Support Me" class="mybutton small orange" />

</div>
<div class="footerDiv">
<div align="center" class="donateContainerDiv myFonts">
<span style="font-weight: bold;">Version: <span class="addonVersionId"></span></span>, <span id="whatsNewId"></span><br/>
<a target="_blank" href="http://pratikabu.users.sourceforge.net/extensions/scrolltotop" title="Scroll To Top Home Page">Home</a>
|
<a target="_blank" href="https://github.com/pratikabu/scrolltotop/issues" title="Suggest a Feature">Suggest a Feature</a>
|
<a target="_blank" href="https://github.com/pratikabu/scrolltotop/issues" title="Report an Issue">Report an Issue</a>
|
<a target="_blank" href="https://github.com/pratikabu/scrolltotop" style="vertical-align: middle; display: inline-block;" title="Scroll To Top on GitHub"><img src="res/github-32.png" alt="GitHub" class="bottomIcon" /></a>
|
<a target="_blank" href="https://twitter.com/scrolltotop" style="vertical-align: middle; display: inline-block;" title="Scroll To Top on Twitter"><img src="res/social-tw.png" alt="Twitter" class="bottomIcon" /></a>
<br/>
<div style="margin: 5px;">
<div class="donateId" style="display: inline-block;">&nbsp;</div>
<div class="reviewId" style="display: inline-block;"></div>
</div>
</div>
<span style="font-size: 14px;">With love from <a target="_blank" href="http://en.wikipedia.org/wiki/India" style="vertical-align: middle; display: inline-block;" title="Read more about India"><img src="res/india.png" alt="India" class="bottomIcon" /></a></span>
</div>
<div class="withLove"><a target="_blank" href="http://en.wikipedia.org/wiki/India" title="Read more about India">With &hearts; from India</a></div>
</div></form>

<div style="position: fixed; left: 50%; top: 0;">
<div style="position: fixed; left: 50%; top: 0; z-index: 10;">
<div id="status" align="center" class="statusMsgDiv myFonts" title="All statuses will appear here."></div>
</div>

Expand Down Expand Up @@ -278,8 +292,8 @@
<p align="justify">Show your support by either donating few bucks for its development, or leave a review so that it can reach to a bigger audience, even both.</p>
<div style="text-align: center;">
<div>
<span class="donateId" style="margin-right: 10px; vertical-align: middle;"></span>
<span class="reviewId" style="display: inline-block; vertical-align: middle;"></span>
<span class="donateId"></span> |
<span class="reviewId"></span>
<p>Your small step makes a difference.<br/>&nbsp;</p>
</div>

Expand Down
Binary file removed base/options/res/india.png
View file
Binary file not shown.
92 changes: 80 additions & 12 deletions base/options/res/options.css
View file
@@ -1,7 +1,7 @@
.myFonts, .mySelect {
color: black;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-size: 14px;
}

.mySelect {
Expand All @@ -21,13 +21,25 @@
font-size: medium;
}

.footerDiv {
.headerDiv {
background-color: #ffffffed;
position: fixed;
bottom: 0;
top: 0;
width: 100%;
border-top: 1px SOLID #CBCBCB;
padding: 10px;
border-bottom: 1px SOLID #CBCBCB;
padding: 5px 0;
z-index: 1;
}

.branding {
float: left;
margin-left: -20px;
}

.versionInfo {
float: right;
margin: 3px -10px 0 0;
text-align: right;
}

.statusMsgDiv {
Expand Down Expand Up @@ -135,13 +147,16 @@ a.mylink {

body {
background-color: rgba(155, 155, 155, 0.2);
margin: 0 0 99px 0; /* This margin is the height of the footer section */
margin: 81px 0 0 0; /* This margin is the height of the header section */
}

.centerDiv {
.mainContentWidth {
width: 700px;
}

.centerDiv {
background-color: WHITE;
padding: 10px 10px 0;
padding: 10px;
}

hr {
Expand Down Expand Up @@ -195,12 +210,28 @@ hr {
}

.bottomIcon {
width: 16px;
height: 16px;
width: 20px;
height: 20px;
}

.withLove {
margin: 10px;
font-size: 20px;
text-shadow: 0px 1px 0 #ffffff;
}

.withLove a:link, .withLove a:visited {
color: #c3c3c3;
text-decoration: none;
}

.withLove a:hover {
color: #989898;
text-decoration: none;
}

@media screen and (max-width: 750px) {
.centerDiv {
.mainContentWidth {
width: 600px;
}

Expand All @@ -218,7 +249,7 @@ hr {
}

@media screen and (max-width: 630px) {
.centerDiv {
.mainContentWidth {
width: 400px;
}

Expand Down Expand Up @@ -264,4 +295,41 @@ hr {
margin-bottom: 5px !important;
margin-top: 5px;
}

.branding {
margin-left: -10px;
}

.versionInfo {
margin-right: 0;
}
}

.floatl {
float: left;
}

.floatr {
float: right;
}

.controlsec-div {
display: inline-block;
vertical-align: middle;
}

input[type="radio"], input[type="radio"] + div, input[type="radio"] + img, input[type="radio"] + span {
cursor: pointer;
}

input[type="radio"]:checked + div, input[type="radio"]:checked + img {
opacity: 1;
}

input[type="radio"] + div, input[type="radio"] + img {
opacity: .6;
}

input[type="radio"]:hover + div, input[type="radio"]:hover + img, input[type="radio"] + div:hover, input[type="radio"] + img:hover {
opacity: 1;
}
12 changes: 5 additions & 7 deletions base/options/res/options.js
View file
Expand Up @@ -106,7 +106,7 @@ function restore_settings() {
}

function post_save_success() {
show_message("<b>Saved!</b> <a target='_blank' href='http://pratikabu.users.sourceforge.net/extensions/scrolltotop/release.html'>Preview</a>");
show_message("<b>Saved!</b> <a target='_blank' href='https://pratikabu.github.io/extensions/scrolltotop/release.html'>Preview</a>");
}

function post_restore_success() {
Expand Down Expand Up @@ -165,7 +165,6 @@ function loadValueInTransparencySlider(transparency) {
}

function selectableRadioContent(id, name, value) {
$("#" + id).css("cursor", "default");
$("#" + id).click(function() {
$('input:radio[name=' + name + ']').filter('[value=' + value + ']').prop('checked', true);
$('input:radio[name=' + name + ']').change();
Expand Down Expand Up @@ -240,6 +239,7 @@ function makeElementsSelactable() {

selectableRadioContent("coNone", "controlOptions", "none");
selectableRadioContent("coSimple", "controlOptions", "simple");
selectableRadioContent("coPagerOnly", "controlOptions", "pagerOnly");
selectableRadioContent("coPager", "controlOptions", "pager");

selectableRadioContent("ahcYes", "autoHideControls", "true");
Expand Down Expand Up @@ -568,13 +568,11 @@ function psInitJavascriptFunctions() {

var addonVersion = getExtensionVersion();
// place the version
$(".addonVersionId").append(addonVersion);
// what's new link
$("#whatsNewId").append('<a target="_blank" href="http://pratikabu.users.sourceforge.net/extensions/scrolltotop/release.html?v=' + addonVersion + '" style="font-size: 12px;" title="See what&#39;s new and exciting.">Release Notes</a>');
$(".addonVersionId").append('<a target="_blank" href="https://pratikabu.github.io/extensions/scrolltotop/release.html?v=' + addonVersion + '" title="See what&#39;s new in this version.">' + addonVersion + '</a>');
// give review link
$(".reviewId").append('<a class="mybutton small green mylink" target="_blank" style="font-size: 12px;" href="' + bsReviewPageUrl() + '" title="Love Scroll To Top, give it a 5 star and leave your feedback.">Give Review</a>');
$(".reviewId").append('<a target="_blank" title="Love Scroll To Top, give it a 5 star and leave your feedback." href="' + bsReviewPageUrl() + '">Review</a>');

$(".donateId").append('<a target="_blank" title="Show your support." href="http://pratikabu.users.sourceforge.net/extensions/scrolltotop/donate.php"><span class="donateButton">&nbsp;</span></a>');
$(".donateId").append('<a target="_blank" title="Show your support." href="https://pratikabu.github.io/extensions/scrolltotop/donate.html">Donate</a>');
}

function getBase64Url(base64Url) {
Expand Down
Binary file modified base/options/res/social-tw.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions base/pratikabu-stt.css
View file
Expand Up @@ -6,6 +6,8 @@
padding: 0px !important;
margin: 0px !important;
line-height: 0 !important;
min-width: 24px !important;
min-height: 24px !important;
}

#pratikabuSTTDiv2 {
Expand All @@ -20,12 +22,15 @@
margin-left: 0px;
line-height: 0 !important;
width: 48px;
min-width: 24px !important;
min-height: 24px !important;
}

.pratikabuSTTImg {
padding: 0px !important;
margin: 0px !important;
border: 0px !important;
display: inline;
}

.pratikabuSTTBlackAndWhite {
Expand Down

0 comments on commit fc3677d

Please sign in to comment.