richard
/
SemanSemantic-UItic-UI
mirror of https://github.com/Semantic-Org/Semantic-UI.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

updates while working on live site 

Former-commit-id: 6ecadec256
Former-commit-id: 3cc8b326ad
pull/258/head
Jack Lukic 12 years ago
parent
3c194658f1
commit
e3da524d4d
42 changed files with 147 additions and 75 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      build/minified/collections/breadcrumb.min.css
  2. 2
      build/minified/collections/form.min.css
  3. 2
      build/minified/collections/menu.min.css
  4. 2
      build/minified/elements/button.min.css
  5. 2
      build/minified/elements/input.min.css
  6. 2
      build/minified/elements/segment.min.css
  7. 5
      build/minified/modules/behavior/form.js
  8. 2
      build/minified/modules/behavior/form.min.js
  9. 4
      build/minified/modules/dropdown.js
  10. 2
      build/minified/modules/dropdown.min.css
  11. 2
      build/minified/modules/dropdown.min.js
  12. 5
      build/packaged/modules/behavior/form.js
  13. 4
      build/packaged/modules/dropdown.js
  14. 2
      build/packaged/semantic.min.css.REMOVED.git-id
  15. 2
      build/packaged/semantic.min.js.REMOVED.git-id
  16. 8
      build/uncompressed/collections/breadcrumb.css
  17. 2
      build/uncompressed/collections/form.css
  18. 9
      build/uncompressed/collections/menu.css
  19. 2
      build/uncompressed/elements/button.css
  20. 8
      build/uncompressed/elements/input.css
  21. 14
      build/uncompressed/elements/segment.css
  22. 5
      build/uncompressed/modules/behavior/form.js
  23. 13
      build/uncompressed/modules/dropdown.css
  24. 4
      build/uncompressed/modules/dropdown.js
  25. 10
      node/src/documents/collections/form.html
  26. 2
      node/src/documents/modules/form.html
  27. 8
      node/src/files/components/semantic/collections/breadcrumb.css
  28. 2
      node/src/files/components/semantic/collections/form.css
  29. 9
      node/src/files/components/semantic/collections/menu.css
  30. 2
      node/src/files/components/semantic/elements/button.css
  31. 8
      node/src/files/components/semantic/elements/input.css
  32. 14
      node/src/files/components/semantic/elements/segment.css
  33. 5
      node/src/files/components/semantic/modules/behavior/form.js
  34. 13
      node/src/files/components/semantic/modules/dropdown.css
  35. 4
      node/src/files/components/semantic/modules/dropdown.js
  36. 2
      src/collections/form.less
  37. 7
      src/collections/menu.less
  38. 2
      src/elements/button.less
  39. 8
      src/elements/input.less
  40. 14
      src/elements/segment.less
  41. 5
      src/modules/behavior/form.js
  42. 2
      src/modules/dropdown.less

2
build/minified/collections/breadcrumb.min.css
View File

@ -1 +1 @@
.ui.breadcrumb{display:inline-block;vertical-align:middle}.ui.breadcrumb .divider{display:inline-block;opacity:.5;margin:0 .15em;font-size:1em;color:rgba(0,0,0,.3)}.ui.breadcrumb a.section{cursor:pointer}.ui.breadcrumb .section{display:inline-block;margin:0;padding:0}.ui.breadcrumb.segment{display:inline-block;background-color:#FFF;padding:.5em 1em}
.ui.breadcrumb{margin:1em 0;display:inline-block;vertical-align:middle}.ui.breadcrumb:first-child{margin-top:0}.ui.breadcrumb:last-child{margin-bottom:0}.ui.breadcrumb .divider{display:inline-block;opacity:.5;margin:0 .15em;font-size:1em;color:rgba(0,0,0,.3)}.ui.breadcrumb a.section{cursor:pointer}.ui.breadcrumb .section{display:inline-block;margin:0;padding:0}.ui.breadcrumb.segment{display:inline-block;padding:.5em 1em}

2
build/minified/collections/form.min.css
File diff suppressed because it is too large
View File

2
build/minified/collections/menu.min.css
File diff suppressed because it is too large
View File

2
build/minified/elements/button.min.css
File diff suppressed because it is too large
View File

2
build/minified/elements/input.min.css
View File

@ -1 +1 @@
.ui.input{display:inline-block;position:relative}.ui.input input{width:100%;font-family:"Helvetica Neue",Helvetica,Arial;margin:0;padding:.9em 1.2em;font-size:.825em;background-color:#FFF;border:1px solid rgba(0,0,0,.15);outline:0;color:rgba(0,0,0,.7);-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em;-webkit-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-moz-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-o-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-ms-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.input::-web inputkit-input-placeholder{color:#E0E0E0}.ui.input::-moz input-placeholder{color:#E0E0E0}.ui.input input:active,.ui.input.down input{border-color:rgba(0,0,0,.3);background-color:#FAFAFA}.ui.input.focus input,.ui.input input:focus{border-color:rgba(0,0,0,.2);color:rgba(0,0,0,.85)}.ui.input.focus input input::-webkit-input-placeholder,.ui.input input:focus input::-webkit-input-placeholder{color:#AAA}.ui.input.focus input input::-moz-placeholder,.ui.input input:focus input::-moz-placeholder{color:#AAA}.ui.input.error input{background-color:#FFFAFA;border-color:#E7BEBE;color:#EF4D6D}.ui.input.error input ::-webkit-input-placeholder{color:rgba(255,80,80,.4)}.ui.input.error input ::-moz-placeholder{color:rgba(255,80,80,.4)}.ui.input.error input :focus::-webkit-input-placeholder{color:rgba(255,80,80,.7)}.ui.input.error input :focus::-moz-placeholder{color:rgba(255,80,80,.7)}.ui.transparent.input input{border:0;background-color:transparent}.ui.icon.input>.icon{position:absolute;opacity:.5;top:1px;right:1px;margin:0;width:2.5em;height:2.5em;padding-top:.75em;text-align:center;-webkit-border-radius:.2em 0 0 .2em;-moz-border-radius:.2em 0 0 .2em;border-radius:.2em 0 0 .2em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.ui.icon.input input{padding-right:3em!important}.ui.left.icon.input .icon{right:auto;left:1px}.ui.left.icon.input input{padding-left:3em!important}.ui.icon.input input:focus~.icon{opacity:1}.ui.labeled.input .corner.label{top:1px;right:1px;font-size:.7em;-webkit-border-top-right-radius:.3125em;-moz-border-top-right-radius:.3125em;border-top-right-radius:.3125em}.ui.labeled.input input{padding-right:2.5em!important}.ui.action.input{display:table}.ui.action.input input{display:table-cell;border-top-right-radius:0;border-bottom-right-radius:0}.ui.action.input .button{display:table-cell;opacity:.9;margin:0 0 0 -1px;line-height:1.26;padding-top:.9em!important;padding-bottom:.9em!important;border-top-left-radius:0;border-bottom-left-radius:0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;font-size:.85em;white-space:nowrap}.ui.action.input .labeled.icon.button .icon{padding-top:.9em!important}.ui.action.input input:focus~.button{opacity:1;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.2) inset;box-shadow:0 0 0 1px rgba(0,0,0,.2) inset}
.ui.input{display:inline-block;position:relative}.ui.input input{width:100%;font-family:"Helvetica Neue",Helvetica,Arial;margin:0;padding:.9em 1.2em;font-size:.825em;background-color:#FFF;border:1px solid rgba(0,0,0,.15);outline:0;color:rgba(0,0,0,.7);-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em;-webkit-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-moz-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-o-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-ms-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.input::-web inputkit-input-placeholder{color:#E0E0E0}.ui.input::-moz input-placeholder{color:#E0E0E0}.ui.input input:active,.ui.input.down input{border-color:rgba(0,0,0,.3);background-color:#FAFAFA}.ui.input.focus input,.ui.input input:focus{border-color:rgba(0,0,0,.2);color:rgba(0,0,0,.85)}.ui.input.focus input input::-webkit-input-placeholder,.ui.input input:focus input::-webkit-input-placeholder{color:#AAA}.ui.input.focus input input::-moz-placeholder,.ui.input input:focus input::-moz-placeholder{color:#AAA}.ui.input.error input{background-color:#FFFAFA;border-color:#E7BEBE;color:#EF4D6D}.ui.input.error input ::-webkit-input-placeholder{color:rgba(255,80,80,.4)}.ui.input.error input ::-moz-placeholder{color:rgba(255,80,80,.4)}.ui.input.error input :focus::-webkit-input-placeholder{color:rgba(255,80,80,.7)}.ui.input.error input :focus::-moz-placeholder{color:rgba(255,80,80,.7)}.ui.transparent.input input{border:0;background-color:transparent}.ui.icon.input>.icon{position:absolute;opacity:.5;top:1px;right:1px;margin:0;width:2.5em;height:2.5em;padding-top:.75em;text-align:center;-webkit-border-radius:.2em 0 0 .2em;-moz-border-radius:.2em 0 0 .2em;border-radius:.2em 0 0 .2em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.ui.icon.input input{padding-right:3em!important}.ui.left.icon.input .icon{right:auto;left:1px}.ui.left.icon.input input{padding-left:3em!important}.ui.icon.input input:focus~.icon{opacity:1}.ui.labeled.input .corner.label{top:1px;right:1px;font-size:.7em;-webkit-border-top-right-radius:.3125em;-moz-border-top-right-radius:.3125em;border-top-right-radius:.3125em}.ui.labeled.input input{padding-right:2.5em!important}.ui.action.input{display:table}.ui.action.input input{display:table-cell;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.ui.action.input .button{display:table-cell;opacity:.9;margin:0 0 0 -1px;line-height:1.26;border-top-left-radius:0;border-bottom-left-radius:0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;font-size:.875em;white-space:nowrap}.ui.action.input input:focus~.button{opacity:1;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.2) inset;box-shadow:0 0 0 1px rgba(0,0,0,.2) inset}

2
build/minified/elements/segment.min.css
File diff suppressed because it is too large
View File

5
build/minified/modules/behavior/form.js
View File

@ -129,7 +129,6 @@ $.fn.form = function(fields, parameters) {
$field = $(this),
$fieldGroup = $field.closest($group)
;
console.log('here', settings.on);
if( $fieldGroup.hasClass(className.error) ) {
module.debug('Revalidating field', $field, module.get.validation($field));
module.validate.field( module.get.validation($field) );
@ -255,6 +254,7 @@ $.fn.form = function(fields, parameters) {
}
});
if(allValid) {
module.debug('Form has no validation errors, submitting');
$module
.removeClass(className.error)
.addClass(className.success)
@ -262,11 +262,12 @@ $.fn.form = function(fields, parameters) {
$.proxy(settings.onSuccess, this)(event);
}
else {
module.debug('Form has errors');
$module.addClass(className.error);
if(!settings.inlineError) {
module.add.errors(formErrors);
}
$.proxy(settings.onFailure, this)(formErrors);
return $.proxy(settings.onFailure, this)(formErrors);
}
},

2
build/minified/modules/behavior/form.min.js
File diff suppressed because it is too large
View File

4
build/minified/modules/dropdown.js
View File

@ -296,8 +296,9 @@ $.fn.dropdown = function(parameters) {
}
else if(animation.show == 'fade') {
$menu
.hide()
.clearQueue()
.fadeIn(150)
.fadeIn(150, module.event.resetStyle)
;
}
else if(animation.show == 'slide') {
@ -328,6 +329,7 @@ $.fn.dropdown = function(parameters) {
}
else if(animation.hide == 'fade') {
$menu
.show()
.clearQueue()
.fadeOut(150)
;

2
build/minified/modules/dropdown.min.css
File diff suppressed because it is too large
View File

2
build/minified/modules/dropdown.min.js
File diff suppressed because it is too large
View File

5
build/packaged/modules/behavior/form.js
View File

@ -129,7 +129,6 @@ $.fn.form = function(fields, parameters) {
$field = $(this),
$fieldGroup = $field.closest($group)
;
console.log('here', settings.on);
if( $fieldGroup.hasClass(className.error) ) {
module.debug('Revalidating field', $field, module.get.validation($field));
module.validate.field( module.get.validation($field) );
@ -255,6 +254,7 @@ $.fn.form = function(fields, parameters) {
}
});
if(allValid) {
module.debug('Form has no validation errors, submitting');
$module
.removeClass(className.error)
.addClass(className.success)
@ -262,11 +262,12 @@ $.fn.form = function(fields, parameters) {
$.proxy(settings.onSuccess, this)(event);
}
else {
module.debug('Form has errors');
$module.addClass(className.error);
if(!settings.inlineError) {
module.add.errors(formErrors);
}
$.proxy(settings.onFailure, this)(formErrors);
return $.proxy(settings.onFailure, this)(formErrors);
}
},

4
build/packaged/modules/dropdown.js
View File

@ -296,8 +296,9 @@ $.fn.dropdown = function(parameters) {
}
else if(animation.show == 'fade') {
$menu
.hide()
.clearQueue()
.fadeIn(150)
.fadeIn(150, module.event.resetStyle)
;
}
else if(animation.show == 'slide') {
@ -328,6 +329,7 @@ $.fn.dropdown = function(parameters) {
}
else if(animation.hide == 'fade') {
$menu
.show()
.clearQueue()
.fadeOut(150)
;

2
build/packaged/semantic.min.css.REMOVED.git-id
View File

@ -1 +1 @@
d5126e819282f982660cb8f29a282f2474587f64
2f4605e07d0d3519cf18dfe47fe20407492b3ad1

2
build/packaged/semantic.min.js.REMOVED.git-id
View File

@ -1 +1 @@
0beda859d6b42086e2fb83e621b3f22181a8a7a5
535ec53a2b173ccf6d1cf0234dc9b21f874658ee

8
build/uncompressed/collections/breadcrumb.css
View File

@ -13,9 +13,16 @@
Breadcrumb
*******************************/
.ui.breadcrumb {
margin: 1em 0em;
display: inline-block;
vertical-align: middle;
}
.ui.breadcrumb:first-child {
margin-top: 0em;
}
.ui.breadcrumb:last-child {
margin-bottom: 0em;
}
.ui.breadcrumb .divider {
display: inline-block;
opacity: 0.5;
@ -34,6 +41,5 @@
/* Loose Coupling */
.ui.breadcrumb.segment {
display: inline-block;
background-color: #FFFFFF;
padding: 0.5em 1em;
}

2
build/uncompressed/collections/form.css
View File

@ -63,7 +63,7 @@
.ui.form input[type="password"] {
margin: 0em;
padding: 0.9em 1.2em;
font-size: 0.825em;
font-size: 0.875em;
background-color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.15);
outline: none;

9
build/uncompressed/collections/menu.css
View File

@ -488,6 +488,7 @@
Pagination
---------------*/
.ui.pagination.menu {
margin: 0em;
display: inline-block;
}
.ui.pagination.menu .item {
@ -720,6 +721,12 @@
.ui.vertical.text.menu {
margin: 1rem 0em;
}
.ui.vertical.text.menu:first-child {
margin-top: 0rem;
}
.ui.vertical.text.menu:last-child {
margin-bottom: 0rem;
}
.ui.vertical.text.menu .item {
float: left;
clear: left;
@ -1047,6 +1054,7 @@
--------------------*/
.ui.compact.menu {
display: inline-block;
margin: 0em;
vertical-align: middle;
}
.ui.vertical.compact.menu {
@ -1057,6 +1065,7 @@
--------------------*/
.ui.menu.fluid,
.ui.vertical.menu.fluid {
display: block !important;
width: 100%;
}
/*-------------------

2
build/uncompressed/elements/button.css
View File

@ -242,7 +242,7 @@
width: 100%;
height: 100%;
content: '';
background: transparent url(../images/loader-tiny.gif) no-repeat 50% 50%;
background: transparent url(../images/loader-mini.gif) no-repeat 50% 50%;
}
.ui.labeled.icon.button.loading .icon {
background-color: transparent;

8
build/uncompressed/elements/input.css
View File

@ -174,25 +174,21 @@
display: table-cell;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-right: none;
}
.ui.action.input .button {
display: table-cell;
opacity: 0.9;
margin: 0em 0em 0em -1px;
line-height: 1.26;
padding-top: 0.9em !important;
padding-bottom: 0.9em !important;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
font-size: 0.85em;
font-size: 0.875em;
white-space: nowrap;
}
.ui.action.input .labeled.icon.button .icon {
padding-top: 0.9em !important;
}
.ui.action.input input:focus ~ .button {
opacity: 1;
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;

14
build/uncompressed/elements/segment.css
View File

@ -19,7 +19,7 @@
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
margin: 1em 0em;
padding: 1.3em 1em;
padding: 1em;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
@ -53,6 +53,12 @@
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
}
.ui.vertical.segment:first-child {
padding-top: 0em;
}
.ui.vertical.segment:last-child {
padding-bottom: 0em;
}
.ui.horizontal.segment {
margin: 0em;
padding-top: 0em;
@ -112,6 +118,12 @@
-moz-border-radius: 0px;
border-radius: 0px;
}
.ui.basic.segment:first-child {
padding-top: 0em;
}
.ui.basic.segment:last-child {
padding-bottom: 0em;
}
/*-------------------
Fittted
--------------------*/

5
build/uncompressed/modules/behavior/form.js
View File

@ -129,7 +129,6 @@ $.fn.form = function(fields, parameters) {
$field = $(this),
$fieldGroup = $field.closest($group)
;
console.log('here', settings.on);
if( $fieldGroup.hasClass(className.error) ) {
module.debug('Revalidating field', $field, module.get.validation($field));
module.validate.field( module.get.validation($field) );
@ -255,6 +254,7 @@ $.fn.form = function(fields, parameters) {
}
});
if(allValid) {
module.debug('Form has no validation errors, submitting');
$module
.removeClass(className.error)
.addClass(className.success)
@ -262,11 +262,12 @@ $.fn.form = function(fields, parameters) {
$.proxy(settings.onSuccess, this)(event);
}
else {
module.debug('Form has errors');
$module.addClass(className.error);
if(!settings.inlineError) {
module.add.errors(formErrors);
}
$.proxy(settings.onFailure, this)(formErrors);
return $.proxy(settings.onFailure, this)(formErrors);
}
},

13
build/uncompressed/modules/dropdown.css
View File

@ -62,7 +62,7 @@
cursor: pointer;
border: none;
border-top: 1px solid rgba(0, 0, 0, 0.05);
font-size: 0.9em;
font-size: 0.875em;
display: block;
color: rgba(0, 0, 0, 0.75);
padding: 0.85em 1em !important;
@ -121,7 +121,7 @@
.ui.simple.dropdown .menu {
display: block;
overflow: hidden;
top: -9999px;
top: -9999px !important;
position: absolute;
opacity: 0;
-webkit-transition: opacity 0.2s ease-out;
@ -140,7 +140,7 @@
overflow: visible;
width: auto;
height: auto;
top: 100%;
top: 100% !important;
opacity: 1;
}
.ui.simple.disabled.dropdown:hover .menu {
@ -190,19 +190,18 @@
-webkit-border-radius: 0px 0px 0.325em 0.325em;
border-radius: 0px 0px 0.325em 0.325em;
}
.ui.selection.dropdown.visible,
.ui.selection.dropdown:hover,
.ui.selection.dropdown.hover {
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
}
.ui.selection.dropdown.visible {
-webkit-border-radius: 0.3125em 0.3125em 0em 0em !important;
-moz-border-radius: 0.3125em 0.3125em 0em 0em !important;
border-radius: 0.3125em 0.3125em 0em 0em !important;
}
.ui.selection.dropdown.visible .menu,
.ui.selection.dropdown.hover .menu,
.ui.selection.dropdown:hover .menu {
.ui.selection.dropdown.visible .menu {
-webkit-box-shadow: 0px 1px 0px 1px #D3D3D3;
-moz-box-shadow: 0px 1px 0px 1px #D3D3D3;
box-shadow: 0px 1px 0px 1px #D3D3D3;

4
build/uncompressed/modules/dropdown.js
View File

@ -296,8 +296,9 @@ $.fn.dropdown = function(parameters) {
}
else if(animation.show == 'fade') {
$menu
.hide()
.clearQueue()
.fadeIn(150)
.fadeIn(150, module.event.resetStyle)
;
}
else if(animation.show == 'slide') {
@ -328,6 +329,7 @@ $.fn.dropdown = function(parameters) {
}
else if(animation.hide == 'fade') {
$menu
.show()
.clearQueue()
.fadeOut(150)
;

10
node/src/documents/collections/form.html
View File

@ -10,6 +10,11 @@ type : 'UI Collection'
<div class="segment">
<div class="container">
<h1 class="ui dividing header">Form</h1>
<p>A form is a collection of user input elements</p>
<div class="warning ui message">
<b>Looking for form validation?</b>
Form input can be validated using the <a href="/modules/form.html">form behavior definition</a>
</div>
</div>
</div>
<div class="main container">
@ -25,11 +30,6 @@ type : 'UI Collection'
<div class="example">
<h4 class="ui header">Form:</h4>
<p>A form is a collection of user input elements, and has no stylings of its own.</p>
<div class="warning ui message">
<b>Looking for form validation?</b>
Form input can be validated using the <a href="/modules/form.html">form validation behavior</a>
</div>
<p>
Forms always include fields, and fields always contain form elements. Fields themselves may also include:
<a href="/elements/input.html">ui inputs</a>, standard form fields, <a href="/elements/labels.html">ui labels</a>, textareas, as well as:

2
node/src/documents/modules/form.html
View File

@ -29,7 +29,7 @@ type : 'UI Behavior'
<div class="example">
<h4>Basic Validation</h4>
<p>Form validation requires passing in a validation object with the rules required to validate your form.</p>
<div class="ui green message">If no validation object is specified then the form will validate against the default validation set up for the plugin. See <em>default validation</em> below.</div>
<!-- <div class="ui green message">If no validation object is specified then the form will validate against the default validation set up for the plugin. See <em>default validation</em> below.</div> -->
<div class="ignore code">
$('.ui.form')
.form({

8
node/src/files/components/semantic/collections/breadcrumb.css
View File

@ -13,9 +13,16 @@
Breadcrumb
*******************************/
.ui.breadcrumb {
margin: 1em 0em;
display: inline-block;
vertical-align: middle;
}
.ui.breadcrumb:first-child {
margin-top: 0em;
}
.ui.breadcrumb:last-child {
margin-bottom: 0em;
}
.ui.breadcrumb .divider {
display: inline-block;
opacity: 0.5;
@ -34,6 +41,5 @@
/* Loose Coupling */
.ui.breadcrumb.segment {
display: inline-block;
background-color: #FFFFFF;
padding: 0.5em 1em;
}

2
node/src/files/components/semantic/collections/form.css
View File

@ -63,7 +63,7 @@
.ui.form input[type="password"] {
margin: 0em;
padding: 0.9em 1.2em;
font-size: 0.825em;
font-size: 0.875em;
background-color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.15);
outline: none;

9
node/src/files/components/semantic/collections/menu.css
View File

@ -488,6 +488,7 @@
Pagination
---------------*/
.ui.pagination.menu {
margin: 0em;
display: inline-block;
}
.ui.pagination.menu .item {
@ -720,6 +721,12 @@
.ui.vertical.text.menu {
margin: 1rem 0em;
}
.ui.vertical.text.menu:first-child {
margin-top: 0rem;
}
.ui.vertical.text.menu:last-child {
margin-bottom: 0rem;
}
.ui.vertical.text.menu .item {
float: left;
clear: left;
@ -1047,6 +1054,7 @@
--------------------*/
.ui.compact.menu {
display: inline-block;
margin: 0em;
vertical-align: middle;
}
.ui.vertical.compact.menu {
@ -1057,6 +1065,7 @@
--------------------*/
.ui.menu.fluid,
.ui.vertical.menu.fluid {
display: block !important;
width: 100%;
}
/*-------------------

2
node/src/files/components/semantic/elements/button.css
View File

@ -242,7 +242,7 @@
width: 100%;
height: 100%;
content: '';
background: transparent url(../images/loader-tiny.gif) no-repeat 50% 50%;
background: transparent url(../images/loader-mini.gif) no-repeat 50% 50%;
}
.ui.labeled.icon.button.loading .icon {
background-color: transparent;

8
node/src/files/components/semantic/elements/input.css
View File

@ -174,25 +174,21 @@
display: table-cell;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-right: none;
}
.ui.action.input .button {
display: table-cell;
opacity: 0.9;
margin: 0em 0em 0em -1px;
line-height: 1.26;
padding-top: 0.9em !important;
padding-bottom: 0.9em !important;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
font-size: 0.85em;
font-size: 0.875em;
white-space: nowrap;
}
.ui.action.input .labeled.icon.button .icon {
padding-top: 0.9em !important;
}
.ui.action.input input:focus ~ .button {
opacity: 1;
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;

14
node/src/files/components/semantic/elements/segment.css
View File

@ -19,7 +19,7 @@
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
margin: 1em 0em;
padding: 1.3em 1em;
padding: 1em;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
@ -53,6 +53,12 @@
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
}
.ui.vertical.segment:first-child {
padding-top: 0em;
}
.ui.vertical.segment:last-child {
padding-bottom: 0em;
}
.ui.horizontal.segment {
margin: 0em;
padding-top: 0em;
@ -112,6 +118,12 @@
-moz-border-radius: 0px;
border-radius: 0px;
}
.ui.basic.segment:first-child {
padding-top: 0em;
}
.ui.basic.segment:last-child {
padding-bottom: 0em;
}
/*-------------------
Fittted
--------------------*/

5
node/src/files/components/semantic/modules/behavior/form.js
View File

@ -129,7 +129,6 @@ $.fn.form = function(fields, parameters) {
$field = $(this),
$fieldGroup = $field.closest($group)
;
console.log('here', settings.on);
if( $fieldGroup.hasClass(className.error) ) {
module.debug('Revalidating field', $field, module.get.validation($field));
module.validate.field( module.get.validation($field) );
@ -255,6 +254,7 @@ $.fn.form = function(fields, parameters) {
}
});
if(allValid) {
module.debug('Form has no validation errors, submitting');
$module
.removeClass(className.error)
.addClass(className.success)
@ -262,11 +262,12 @@ $.fn.form = function(fields, parameters) {
$.proxy(settings.onSuccess, this)(event);
}
else {
module.debug('Form has errors');
$module.addClass(className.error);
if(!settings.inlineError) {
module.add.errors(formErrors);
}
$.proxy(settings.onFailure, this)(formErrors);
return $.proxy(settings.onFailure, this)(formErrors);
}
},

13
node/src/files/components/semantic/modules/dropdown.css
View File

@ -62,7 +62,7 @@
cursor: pointer;
border: none;
border-top: 1px solid rgba(0, 0, 0, 0.05);
font-size: 0.9em;
font-size: 0.875em;
display: block;
color: rgba(0, 0, 0, 0.75);
padding: 0.85em 1em !important;
@ -121,7 +121,7 @@
.ui.simple.dropdown .menu {
display: block;
overflow: hidden;
top: -9999px;
top: -9999px !important;
position: absolute;
opacity: 0;
-webkit-transition: opacity 0.2s ease-out;
@ -140,7 +140,7 @@
overflow: visible;
width: auto;
height: auto;
top: 100%;
top: 100% !important;
opacity: 1;
}
.ui.simple.disabled.dropdown:hover .menu {
@ -190,19 +190,18 @@
-webkit-border-radius: 0px 0px 0.325em 0.325em;
border-radius: 0px 0px 0.325em 0.325em;
}
.ui.selection.dropdown.visible,
.ui.selection.dropdown:hover,
.ui.selection.dropdown.hover {
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
}
.ui.selection.dropdown.visible {
-webkit-border-radius: 0.3125em 0.3125em 0em 0em !important;
-moz-border-radius: 0.3125em 0.3125em 0em 0em !important;
border-radius: 0.3125em 0.3125em 0em 0em !important;
}
.ui.selection.dropdown.visible .menu,
.ui.selection.dropdown.hover .menu,
.ui.selection.dropdown:hover .menu {
.ui.selection.dropdown.visible .menu {
-webkit-box-shadow: 0px 1px 0px 1px #D3D3D3;
-moz-box-shadow: 0px 1px 0px 1px #D3D3D3;
box-shadow: 0px 1px 0px 1px #D3D3D3;

4
node/src/files/components/semantic/modules/dropdown.js
View File

@ -296,8 +296,9 @@ $.fn.dropdown = function(parameters) {
}
else if(animation.show == 'fade') {
$menu
.hide()
.clearQueue()
.fadeIn(150)
.fadeIn(150, module.event.resetStyle)
;
}
else if(animation.show == 'slide') {
@ -328,6 +329,7 @@ $.fn.dropdown = function(parameters) {
}
else if(animation.hide == 'fade') {
$menu
.show()
.clearQueue()
.fadeOut(150)
;

2
src/collections/form.less
View File

@ -79,7 +79,7 @@
margin: 0em;
padding: 0.9em 1.2em;
font-size: 0.825em;
font-size: 0.875em;
background-color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.15);

7
src/collections/menu.less
View File

@ -955,6 +955,12 @@
.ui.vertical.text.menu {
margin: 1rem 0em;
}
.ui.vertical.text.menu:first-child {
margin-top: 0rem;
}
.ui.vertical.text.menu:last-child {
margin-bottom: 0rem;
}
.ui.vertical.text.menu .item {
float: left;
clear: left;
@ -1360,6 +1366,7 @@
.ui.menu.fluid,
.ui.vertical.menu.fluid {
display: block !important;
width: 100%;
}

2
src/elements/button.less
View File

@ -330,7 +330,7 @@
width: 100%;
height: 100%;
content: '';
background: transparent url(../images/loader-tiny.gif) no-repeat 50% 50%;
background: transparent url(../images/loader-mini.gif) no-repeat 50% 50%;
}
.ui.labeled.icon.button.loading .icon {

8
src/elements/input.less
View File

@ -243,6 +243,7 @@
display: table-cell;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-right: none;
}
.ui.action.input .button {
display: table-cell;
@ -251,8 +252,6 @@
margin: 0em 0em 0em -1px;
line-height: 1.26;
padding-top: 0.9em !important;
padding-bottom: 0.9em !important;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
@ -261,12 +260,9 @@
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
font-size: 0.85em;
font-size: 0.875em;
white-space: nowrap;
}
.ui.action.input .labeled.icon.button .icon {
padding-top: 0.9em !important;
}
.ui.action.input input:focus ~ .button {
opacity: 1;

14
src/elements/segment.less
View File

@ -24,7 +24,7 @@
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
margin: 1em 0em;
padding: 1.3em 1em;
padding: 1em;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
@ -74,6 +74,12 @@
0px -1px 0px rgba(0, 0, 0, 0.1)
;
}
.ui.vertical.segment:first-child {
padding-top: 0em;
}
.ui.vertical.segment:last-child {
padding-bottom: 0em;
}
.ui.horizontal.segment {
margin: 0em;
@ -156,6 +162,12 @@
-moz-border-radius: 0px;
border-radius: 0px;
}
.ui.basic.segment:first-child {
padding-top: 0em;
}
.ui.basic.segment:last-child {
padding-bottom: 0em;
}
/*-------------------

5
src/modules/behavior/form.js
View File

@ -129,7 +129,6 @@ $.fn.form = function(fields, parameters) {
$field = $(this),
$fieldGroup = $field.closest($group)
;
console.log('here', settings.on);
if( $fieldGroup.hasClass(className.error) ) {
module.debug('Revalidating field', $field, module.get.validation($field));
module.validate.field( module.get.validation($field) );
@ -255,6 +254,7 @@ $.fn.form = function(fields, parameters) {
}
});
if(allValid) {
module.debug('Form has no validation errors, submitting');
$module
.removeClass(className.error)
.addClass(className.success)
@ -262,11 +262,12 @@ $.fn.form = function(fields, parameters) {
$.proxy(settings.onSuccess, this)(event);
}
else {
module.debug('Form has errors');
$module.addClass(className.error);
if(!settings.inlineError) {
module.add.errors(formErrors);
}
$.proxy(settings.onFailure, this)(formErrors);
return $.proxy(settings.onFailure, this)(formErrors);
}
},

2
src/modules/dropdown.less
View File

@ -99,7 +99,7 @@
border: none;
border-top: 1px solid rgba(0, 0, 0, 0.05);
font-size: 0.9em;
font-size: 0.875em;
display: block;
color: rgba(0, 0, 0, 0.75);

Write Preview
Loading…
Cancel
Save