HelloZeroNet
/
ZeroNet
mirror of https://github.com/HelloZeroNet/ZeroNet.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

ZeroNet logo for fixbutton

This commit is contained in:
shortcutme 2018-10-30 04:47:19 +01:00
parent 035d70cf57
commit 2c39ab01ea
No known key found for this signature in database
GPG Key ID: 5B63BAE6CB9613AE
6 changed files with 6 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/Ui/media/Fixbutton.coffee
View File

@ -11,7 +11,7 @@ class Fixbutton
return true
$(".fixbutton-bg").stop().animate({"scale": 0.6}, 300, "easeOutCubic")
$(".fixbutton-burger").stop().animate({"opacity": 0, "left": -20}, 300, "easeOutCubic")
$(".fixbutton-text").stop().animate({"opacity": 1, "left": 0}, 300, "easeOutBack")
$(".fixbutton-text").stop().animate({"opacity": 0.9, "left": 0}, 300, "easeOutBack")
###$(".fixbutton-bg").on "click", ->

2
src/Ui/media/Wrapper.css
View File

@ -35,7 +35,7 @@ a { color: black }
display: block; width: 80px; height: 80px; transition: background-color 0.2s, box-shadow 0.5s; transform: scale(0.6); margin-left: -20px; margin-top: -20px; /* 2x size to prevent blur on anim */
/*box-shadow: inset 105px 260px 0 -200px rgba(0,0,0,0.1);*/ /* box-shadow: inset -75px 183px 0 -200px rgba(0,0,0,0.1); */
}
.fixbutton-text { pointer-events: none; position: absolute; z-index: 999; width: 40px; backface-visibility: hidden; perspective: 1000px; line-height: 0; padding-top: 20px }
.fixbutton-text { pointer-events: none; position: absolute; z-index: 999; width: 40px; backface-visibility: hidden; perspective: 1000px; line-height: 0; padding-top: 5px; opacity: 0.9 }
.fixbutton-burger { pointer-events: none; position: absolute; z-index: 999; width: 40px; opacity: 0; left: -20px; font-size: 40px; line-height: 0; font-family: Verdana, sans-serif; margin-top: 17px }
.fixbutton-bg:hover { background-color: #AF3BFF }
.fixbutton-bg:active { background-color: #9E2FEA; top: 1px; transition: none }

2
src/Ui/media/all.css
View File

@ -40,7 +40,7 @@ a { color: black }
display: block; width: 80px; height: 80px; -webkit-transition: background-color 0.2s, box-shadow 0.5s; -moz-transition: background-color 0.2s, box-shadow 0.5s; -o-transition: background-color 0.2s, box-shadow 0.5s; -ms-transition: background-color 0.2s, box-shadow 0.5s; transition: background-color 0.2s, box-shadow 0.5s ; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -o-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6) ; margin-left: -20px; margin-top: -20px; /* 2x size to prevent blur on anim */
/*box-shadow: inset 105px 260px 0 -200px rgba(0,0,0,0.1);*/ /* -webkit-box-shadow: inset -75px 183px 0 -200px rgba(0,0,0,0.1); -moz-box-shadow: inset -75px 183px 0 -200px rgba(0,0,0,0.1); -o-box-shadow: inset -75px 183px 0 -200px rgba(0,0,0,0.1); -ms-box-shadow: inset -75px 183px 0 -200px rgba(0,0,0,0.1); box-shadow: inset -75px 183px 0 -200px rgba(0,0,0,0.1) ; */
}
.fixbutton-text { pointer-events: none; position: absolute; z-index: 999; width: 40px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden ; -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px ; line-height: 0; padding-top: 20px }
.fixbutton-text { pointer-events: none; position: absolute; z-index: 999; width: 40px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden ; -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px ; line-height: 0; padding-top: 5px; opacity: 0.9 }
.fixbutton-burger { pointer-events: none; position: absolute; z-index: 999; width: 40px; opacity: 0; left: -20px; font-size: 40px; line-height: 0; font-family: Verdana, sans-serif; margin-top: 17px }
.fixbutton-bg:hover { background-color: #AF3BFF }
.fixbutton-bg:active { background-color: #9E2FEA; top: 1px; -webkit-transition: none ; -moz-transition: none ; -o-transition: none ; -ms-transition: none ; transition: none }

11
src/Ui/media/all.js
View File

@ -37,7 +37,6 @@
}).call(this);
/* ---- src/Ui/media/lib/Translate.coffee ---- */
@ -49,7 +48,6 @@
}).call(this);
/* ---- src/Ui/media/lib/ZeroWebsocket.coffee ---- */
@ -206,7 +204,6 @@
}).call(this);
/* ---- src/Ui/media/lib/jquery.cssanim.js ---- */
@ -314,7 +311,6 @@ if (window.getComputedStyle(document.body).transform) {
}).call(this);
/* ---- src/Ui/media/lib/jquery.easing.js ---- */
@ -523,7 +519,7 @@ $.extend( $.easing,
"left": -20
}, 300, "easeOutCubic");
return $(".fixbutton-text").stop().animate({
"opacity": 1,
"opacity": 0.9,
"left": 0
}, 300, "easeOutBack");
});
@ -692,7 +688,6 @@ $.extend( $.easing,
}).call(this);
/* ---- src/Ui/media/Notifications.coffee ---- */
@ -828,7 +823,6 @@ $.extend( $.easing,
}).call(this);
/* ---- src/Ui/media/Wrapper.coffee ---- */
@ -1694,7 +1688,6 @@ $.extend( $.easing,
}).call(this);
/* ---- src/Ui/media/WrapperZeroFrame.coffee ---- */
@ -1744,4 +1737,4 @@ $.extend( $.easing,
window.zeroframe = new WrapperZeroFrame(window.wrapper);
}).call(this);
}).call(this);

BIN
src/Ui/media/img/logo-white.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

2
src/Ui/template/wrapper.html
View File

@ -37,7 +37,7 @@ else if (window.opener && window.opener.location.toString()) {
<!-- Fixed button -->
<div class='fixbutton'>
<div class='fixbutton-text'>0</div>
<div class='fixbutton-text'><img width=22 src='/uimedia/img/logo-white.png'/></div>
<div class='fixbutton-burger'>&#x2261;</div>
<a class='fixbutton-bg' href="{homepage}/"></a>
</div>