Permalink
Browse files

Misc UI updates

* Fix the ‘msie’ js error
* Fixing W3C validation errors
* Updating jQuery library
* Adding ‘grab’ icon for the edit size slider
  • Loading branch information...
rottina committed Apr 24, 2016
1 parent d13e77b commit 7910e56355f9f8595282e5da937021c0a0792b5d
Showing with 41 additions and 39 deletions.
  1. +4 −4 public/js/jquery.min.js
  2. +8 −8 public/stylesheets/smoothness/jquery-ui-1.8.13.custom.css
  3. +22 −22 views/index.jade
  4. +7 −5 views/layout.jade
View

Large diffs are not rendered by default.

Oops, something went wrong.
@@ -354,7 +354,7 @@
*
* http://docs.jquery.com/UI/Autocomplete#theming
*/
.ui-autocomplete { position: absolute; cursor: default; }
.ui-autocomplete { position: absolute; cursor: default; }
/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
@@ -410,8 +410,8 @@
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }
/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4; }
@@ -447,7 +447,7 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad
*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
@@ -467,9 +467,9 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad
* http://docs.jquery.com/UI/Slider#theming
*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: -webkit-grab; cursor:-moz-grab; cursor: grab; }
.ui-slider .ui-slider-handle:active { cursor: -webkit-grabbing; cursor:-moz-grabbing; cursor: grabbing; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
@@ -519,7 +519,7 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
@@ -575,4 +575,4 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad
* http://docs.jquery.com/UI/Progressbar#theming
*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
View
@@ -11,35 +11,35 @@ div(id="updatePanel")
option(value="all") All Namespaces
option(value="article") Article
option(value="category") Category
option(value="category talk") Category Talk
option(value="file") File
option(value="file talk") File Talk
option(value="category talk") Category Talk
option(value="file") File
option(value="file talk") File Talk
option(value="help") Help
option(value="help talk") Help Talk
option(value="media") Media
option(value="mediawiki") MediaWiki
option(value="mediawiki talk") MediaWiki Talk
option(value="project talk") Project Talk
option(value="help talk") Help Talk
option(value="media") Media
option(value="mediawiki") MediaWiki
option(value="mediawiki talk") MediaWiki Talk
option(value="project talk") Project Talk
option(value="special") Special
option(value="talk") Talk
option(value="template") Template
option(value="talk") Talk
option(value="template") Template
option(value="template talk") Template Talk
option(value="user") User
option(value="user") User
option(value="user talk") User Talk
option(value="wikipedia") Wikipedia
td
input(type="checkbox", name="user", checked="true")
img(src="/images/person.png", title="Wikipedia User")
input(type="checkbox", name="robot", checked="true")
img(src="/images/robot.png", title="Wikipedia Robot")
input(type="checkbox", name="anonymous", checked="true")
img(src="/images/question.png", title="Anonymous User")
input(type="checkbox", name="background", checked="true")
img(src="/images/images.png", title="Set background to a recent Wikimedia Commons image.")
td
input(type="checkbox", name="user", checked="checked")
img(src="/images/person.png", title="Wikipedia User", alt="Wikipedia User")
input(type="checkbox", name="robot", checked="checked")
img(src="/images/robot.png", title="Wikipedia Robot", alt="Wikipedia Robot")
input(type="checkbox", name="anonymous", checked="checked")
img(src="/images/question.png", title="Anonymous User", alt="Anonymous User")
input(type="checkbox", name="background", checked="checked")
img(src="/images/images.png", title="Set background to a recent Wikimedia Commons image.", alt="Set background image.")
td(id="deltaControl")
span(id="slider")
span(id="deltaLabel") Edit Size (Chars): ±
span(id="deltaLabel") Edit Size (Chars): ±
span(id="deltaLimit") 0
div(id='backgroundInfo')
div(id='backgroundInfo')
a()
div(id='updates')
View
@@ -12,23 +12,25 @@ html
script(src='js/jquery.hotkeys.js')
script(src='js/jquery-ui.js')
script(src='js/jquery.backstretch.js')
script.
jQuery.browser = {}; (function () { jQuery.browser.msie = false; jQuery.browser.version = 0; if (navigator.userAgent.match(/MSIE ([0-9]+)\./)) { jQuery.browser.msie = true; jQuery.browser.version = RegExp.$1; } })();
script(src='js/jquery.ba-bbq.min.js')
script(src='js/app.js')
body
header(class='screen')
img(src="images/wikipedia.png")
img(alt="Wikipedia globe", src="images/wikipedia.png")
br
span(class='wikistream')
span(class='wikistream')
a(href="/") wikistream
br
span(class='pauseInfo') Press "p" to pause
header(class='mobile')
strong
strong
a(href="/") wikistream
a(id="github", href="http://github.com/edsu/wikistream")
img(style="position: absolute; top: 0; right: 0; border: 0; z-index: 3;", src="http://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png", alt="Fork me on GitHub")
a(id="github", target="_blank", href="http://github.com/edsu/wikistream")
img(style="position: absolute; top: 0; right: 0; border: 0; z-index: 3;", src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67", alt="Fork me on GitHub")
br
div(id="content")!= body

0 comments on commit 7910e56

Please sign in to comment.