diff --git a/node/src/documents/modules/checkbox.html b/node/src/documents/modules/checkbox.html index ecee1b326..74a8b7b48 100755 --- a/node/src/documents/modules/checkbox.html +++ b/node/src/documents/modules/checkbox.html @@ -36,7 +36,7 @@ type : 'UI Module'

Check Box

The html required for a standard UI checkbox

- +
@@ -46,7 +46,11 @@ type : 'UI Module'

The html required for a standard UI radio box

A radio box is just a reskinned version of a checkbox, the initialization of the module is the same.

- + + +
+
+
@@ -90,8 +94,8 @@ type : 'UI Module' }) ; -
  • Default settings for the module can be overridden by modifying $.fn.Checkbox.settings. -
    $.fn.Checkbox.settings.moduleName = 'Godzilla';
    +
  • Default settings for the module can be overridden by modifying $.fn.checkbox.settings. +
    $.fn.checkbox.settings.moduleName = 'Godzilla';
  • Settings can be changed after a module is initialized by calling the 'settings' method on the module with either a settings object or a name, value pair.
    $('.foo').checkbox('setting', 'moduleName', 'Godzilla');
    diff --git a/node/src/files/javascript/semantic.js b/node/src/files/javascript/semantic.js index b45b4efb5..b04595886 100755 --- a/node/src/files/javascript/semantic.js +++ b/node/src/files/javascript/semantic.js @@ -142,28 +142,30 @@ semantic.ready = function() { $waypoint = $('h2').eq( $group.index( $header ) ), offset = $waypoint.offset().top - 80 ; - $menu - .addClass('animating') - ; - $headers - .removeClass('active') - ; - $body - .stop() - .animate({ - scrollTop: offset - }, 500, function() { - $menu - .removeClass('animating') - ; - $header - .addClass('active') - ; - }) - .one('scroll', function() { - $body.stop(); - }) - ; + if(!$header.hasClass('active') ) { + $menu + .addClass('animating') + ; + $headers + .removeClass('active') + ; + $body + .stop() + .animate({ + scrollTop: offset + }, 500, function() { + $menu + .removeClass('animating') + ; + $header + .addClass('active') + ; + }) + .one('scroll', function() { + $body.stop(); + }) + ; + } }, peekSub: function() { diff --git a/src/collections/menu.css b/src/collections/menu.css index dea7c7ef9..a04bb4e7b 100755 --- a/src/collections/menu.css +++ b/src/collections/menu.css @@ -441,59 +441,6 @@ color: rgba(0, 0, 0, 0.75); } - -/*-------------- - Colors ----------------*/ - -/*--- Light Colors ---*/ -.ui.grey.menu { - background-color: #F0F0F0; -} - -/*--- Inverted Colors ---*/ -.ui.inverted.green.menu { - background-color: #A1CF64; -} -.ui.inverted.green.pointing.menu .item.active:after { - background-color: #A1CF64; -} - -.ui.inverted.red.menu { - background-color: #EF4D6D; -} -.ui.inverted.red.pointing.menu .item.active:after { - background-color: #F16883; -} - -.ui.inverted.blue.menu { - background-color: #6ECFF5; -} -.ui.inverted.blue.pointing.menu .item.active:after { - background-color: #6ECFF5; -} - -.ui.inverted.purple.menu { - background-color: #564F8A; -} -.ui.inverted.purple.pointing.menu .item.active:after { - background-color: #564F8A; -} - -.ui.inverted.orange.menu { - background-color: #F05940; -} -.ui.inverted.orange.pointing.menu .item.active:after { - background-color: #F05940; -} - -.ui.inverted.teal.menu { - background-color: #00B5AD; -} -.ui.inverted.teal.pointing.menu .item.active:after { - background-color: #00B5AD; -} - /*--- Border ---*/ .ui.inverted.menu .item:before { background-image: -webkit-linear-gradient(top, @@ -590,16 +537,69 @@ /*--- Pointers ---*/ .ui.inverted.pointing.menu .item.active:after { - background-color: #3E3E3E; + background-color: #505050; box-shadow: none; } .ui.inverted.pointing.menu .item.active:hover:after { background-color: #3B3B3B; } +/*-------------- + Colors +---------------*/ + +/*--- Light Colors ---*/ +.ui.grey.menu { + background-color: #F0F0F0; +} + +/*--- Inverted Colors ---*/ +.ui.inverted.green.menu { + background-color: #A1CF64; +} +.ui.inverted.green.pointing.menu .item.active:after { + background-color: #A1CF64; +} + +.ui.inverted.red.menu { + background-color: #EF4D6D; +} +.ui.inverted.red.pointing.menu .item.active:after { + background-color: #F16883; +} + +.ui.inverted.blue.menu { + background-color: #6ECFF5; +} +.ui.inverted.blue.pointing.menu .item.active:after { + background-color: #6ECFF5; +} + +.ui.inverted.purple.menu { + background-color: #564F8A; +} +.ui.inverted.purple.pointing.menu .item.active:after { + background-color: #564F8A; +} + +.ui.inverted.orange.menu { + background-color: #F05940; +} +.ui.inverted.orange.pointing.menu .item.active:after { + background-color: #F05940; +} + +.ui.inverted.teal.menu { + background-color: #00B5AD; +} +.ui.inverted.teal.pointing.menu .item.active:after { + background-color: #00B5AD; +} + /*-------------- Basic ---------------*/ + .ui.basic.menu { background-color: transparent; -webkit-box-shadow: none; @@ -614,6 +614,11 @@ .ui.basic.menu .item:before { display: none; } +.ui.basic.pointing.menu item.active:after { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} /*-------------- Icon Only diff --git a/src/modules/checkbox.css b/src/modules/checkbox.css index 59321353e..f24a1bdd9 100755 --- a/src/modules/checkbox.css +++ b/src/modules/checkbox.css @@ -11,6 +11,7 @@ .ui.checkbox { position: relative; display: inline-block; + outline: none; width: 1em; height: 1em; @@ -18,11 +19,13 @@ } .ui.checkbox input { visibility: hidden; + outline: none; } /*--- Box ---*/ .ui.checkbox label { + outline: none; cursor: pointer; position: absolute; width: 1em;