From 272cc93bd215605f7c230ca15bf300bfaf6f9a4b Mon Sep 17 00:00:00 2001 From: "kay.one" Date: Mon, 24 Jun 2013 22:47:56 -0700 Subject: [PATCH] added scroll to top button --- UI/Content/base.less | 105 +++++++++++++++++++++++++----------------- UI/Index.html | 3 ++ UI/app.js | 11 ++++- UI/jQuery/ToTheTop.js | 23 +++++++++ 4 files changed, 97 insertions(+), 45 deletions(-) create mode 100644 UI/jQuery/ToTheTop.js diff --git a/UI/Content/base.less b/UI/Content/base.less index 7cf778f7b..977982281 100644 --- a/UI/Content/base.less +++ b/UI/Content/base.less @@ -1,103 +1,122 @@ @import "bootstrap/variables"; @import "bootstrap/mixins"; @import "bootstrap/type"; +@import "../shared/styles/clickable"; .progress { - width: 125px; - position: relative; - margin-bottom: 2px; + width : 125px; + position : relative; + margin-bottom : 2px; .progressbar-back-text { - position: absolute; - width: 100%; - height: 100%; - font-size: 12px; - text-align: center; + position : absolute; + width : 100%; + height : 100%; + font-size : 12px; + text-align : center; } + .progressbar-front-text { - display: block; - width: 125px; - font-size: 12px; - text-align: center; + display : block; + width : 125px; + font-size : 12px; + text-align : center; } .bar { - position: absolute; - overflow: hidden; + position : absolute; + overflow : hidden; } } .backdrop .page { - background-color: transparent; - box-shadow: none; + background-color : transparent; + box-shadow : none; } html { - overflow: -moz-scrollbars-vertical; - overflow-y: scroll; + overflow : -moz-scrollbars-vertical; + overflow-y : scroll; } .input-append { .add-on { - margin-left: 0; + margin-left : 0; } } .line &>[class^="icon-"], .line &>[class*=" icon-"] { - margin-top: 1em; - height: 1em; - line-height: 1em; + margin-top : 1em; + height : 1em; + line-height : 1em; } #localSeriesLookup { - width: 220px; - border: 0px; - background: rgb(75, 75, 75); - color: rgb(169, 169, 169); - padding: 4px; - font-size: 13px; + width : 220px; + border : 0px; + background : rgb(75, 75, 75); + color : rgb(169, 169, 169); + padding : 4px; + font-size : 13px; } #notification-region { pre { - font-size: 12px; + font-size : 12px; } .alert { - margin: 10px; + margin : 10px; } i { - padding-right: 10px; + padding-right : 10px; } } .nz-loading { .text-center; - font-size: 40px; - font-weight: 300; - padding: 30px; + font-size : 40px; + font-weight : 300; + padding : 30px; } .nz-spinner { .text-center; - font-size: 56px; - padding: 30px; + font-size : 56px; + padding : 30px; } .page-toolbar { - margin-top: 10px; - margin-bottom: 30px; + margin-top : 10px; + margin-bottom : 30px; } .page-container { - min-height: 600px; + min-height : 600px; } button::-moz-focus-inner, a::-moz-focus-inner { - border: 0; + border : 0; } a:focus { - outline: none; + outline : none; } .label, .badge { - cursor: default; -} \ No newline at end of file + cursor : default; +} + +#scroll-up { + &:hover { + text-decoration : none; + opacity : 0.4; + } + + .clickable; + opacity : 0.2; + position : fixed; + bottom : 50px; + right : 50px; + display : none; + font-size : 56px; + color : white; + +} diff --git a/UI/Index.html b/UI/Index.html index 45305217a..8d0adac9f 100644 --- a/UI/Index.html +++ b/UI/Index.html @@ -64,6 +64,9 @@ +