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

Rebuild dist for test case #2626

pull/2850/head
Jack Lukic 9 years ago
parent
12d6640826
commit
d1bd78a33e
16 changed files with 918 additions and 1510 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 60
      dist/components/dropdown.js
  2. 4
      dist/components/dropdown.min.js
  3. 42
      dist/components/form.css
  4. 2
      dist/components/form.js
  5. 2
      dist/components/form.min.css
  6. 2
      dist/components/form.min.js
  7. 12
      dist/components/input.css
  8. 2
      dist/components/input.min.css
  9. 455
      dist/components/label.css
  10. 2
      dist/components/label.min.css
  11. 7
      dist/components/menu.css
  12. 2
      dist/components/menu.min.css
  13. 1755
      dist/semantic.css
  14. 62
      dist/semantic.js
  15. 2
      dist/semantic.min.css
  16. 17
      dist/semantic.min.js

60
dist/components/dropdown.js
View File

@ -65,6 +65,7 @@ $.fn.dropdown = function(parameters) {
activated = false,
itemActivated = false,
internalChange = false,
element = this,
instance = $module.data(moduleNamespace),
@ -93,11 +94,7 @@ $.fn.dropdown = function(parameters) {
module.restore.selected();
module.create.id();
if(hasTouch) {
module.bind.touchEvents();
}
module.bind.mouseEvents();
module.bind.keyboardEvents();
module.bind.events();
module.observeChanges();
module.instantiate();
@ -388,7 +385,6 @@ $.fn.dropdown = function(parameters) {
;
},
toggle: function() {
module.verbose('Toggling menu visibility');
if( !module.is.active() ) {
@ -465,8 +461,30 @@ $.fn.dropdown = function(parameters) {
},
bind: {
events: function() {
if(hasTouch) {
module.bind.touchEvents();
}
module.bind.keyboardEvents();
module.bind.inputEvents();
module.bind.mouseEvents();
},
touchEvents: function() {
module.debug('Touch device detected binding additional touch events');
if( module.is.searchSelection() ) {
// do nothing special yet
}
else if( module.is.single() ) {
$module
.on('touchstart' + eventNamespace, module.event.test.toggle)
;
}
$menu
.on('touchstart' + eventNamespace, selector.item, module.event.item.mouseenter)
;
},
keyboardEvents: function() {
module.debug('Binding keyboard events');
module.verbose('Binding keyboard events');
$module
.on('keydown' + eventNamespace, module.event.keydown)
;
@ -481,25 +499,17 @@ $.fn.dropdown = function(parameters) {
;
}
},
touchEvents: function() {
module.debug('Touch device detected binding additional touch events');
if( module.is.searchSelection() ) {
// do nothing special yet
}
else if( module.is.single() ) {
$module
.on('touchstart' + eventNamespace, module.event.test.toggle)
;
}
$menu
.on('touchstart' + eventNamespace, selector.item, module.event.item.mouseenter)
inputEvents: function() {
module.verbose('Binding input change events');
$module
.on('change' + eventNamespace, selector.input, module.event.change)
;
},
mouseEvents: function() {
module.debug('Mouse detected binding mouse events');
module.verbose('Binding mouse events');
if(module.is.multiple()) {
$module
.on('click' + eventNamespace, selector.label, module.event.label.click)
.on('click' + eventNamespace, selector.label, module.event.label.click)
.on('click' + eventNamespace, selector.remove, module.event.remove.click)
;
}
@ -783,6 +793,12 @@ $.fn.dropdown = function(parameters) {
},
event: {
change: function() {
if(!internalChange) {
module.debug('Input changed, updating selection');
module.set.selected();
}
},
focus: function() {
if(settings.showOnFocus && !activated && module.is.hidden() && !pageLostFocus) {
module.show();
@ -2146,6 +2162,7 @@ $.fn.dropdown = function(parameters) {
module.add.optionValue(value);
}
module.debug('Updating input value', value, currentValue);
internalChange = true;
$input
.val(value)
;
@ -2155,6 +2172,7 @@ $.fn.dropdown = function(parameters) {
else {
$input.trigger('change');
}
internalChange = false;
}
else {
module.verbose('Storing value in metadata', value, $input);

4
dist/components/dropdown.min.js
File diff suppressed because it is too large
View File

42
dist/components/form.css
View File

@ -185,9 +185,11 @@
.ui.form .field > .selection.dropdown > .dropdown.icon {
float: right;
}
.ui.form .inline.fields .field > .selection.dropdown,
.ui.form .inline.field > .selection.dropdown {
width: auto;
}
.ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon,
.ui.form .inline.field > .selection.dropdown > .dropdown.icon {
float: none;
}
@ -221,13 +223,19 @@
---------------------*/
.ui.form .field .prompt.label {
white-space: nowrap;
white-space: normal;
background: #ffffff !important;
border: 1px solid #e0b4b4 !important;
color: #9f3a38 !important;
}
.ui.form .inline.fields .field .prompt,
.ui.form .inline.field .prompt {
margin: -0.5em 0em -0.5em 1em;
}
.ui.form .inline.fields .field .prompt:before,
.ui.form .inline.field .prompt:before {
margin-top: -0.3em;
margin-top: calc(-0.3em - 1px );
border-width: 0px 0px 1px 1px;
bottom: auto;
right: auto;
top: 50%;
@ -342,10 +350,10 @@
/* On Form */
.ui.form.success .success.message {
.ui.form.success .success.message:not(:empty) {
display: block;
}
.ui.form.success .icon.success.message {
.ui.form.success .icon.success.message:not(:empty) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -358,10 +366,10 @@
/* On Form */
.ui.form.warning .warning.message {
.ui.form.warning .warning.message:not(:empty) {
display: block;
}
.ui.form.warning .icon.warning.message {
.ui.form.warning .icon.warning.message:not(:empty) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -374,10 +382,10 @@
/* On Form */
.ui.form.error .error.message {
.ui.form.error .error.message:not(:empty) {
display: block;
}
.ui.form.error .icon.error.message {
.ui.form.error .icon.error.message:not(:empty) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -657,6 +665,24 @@
color: rgba(255, 255, 255, 0.9);
}
/* Inverted Field */
.ui.inverted.form input:not([type]),
.ui.inverted.form input[type="date"],
.ui.inverted.form input[type="datetime-local"],
.ui.inverted.form input[type="email"],
.ui.inverted.form input[type="number"],
.ui.inverted.form input[type="password"],
.ui.inverted.form input[type="search"],
.ui.inverted.form input[type="tel"],
.ui.inverted.form input[type="time"],
.ui.inverted.form input[type="text"],
.ui.inverted.form input[type="url"] {
background: #ffffff;
border-color: rgba(255, 255, 255, 0.1);
color: rgba(0, 0, 0, 0.87);
box-shadow: none;
}
/*--------------------
Field Groups
---------------------*/

2
dist/components/form.js
View File

@ -1041,7 +1041,7 @@ $.fn.form.settings = {
// template that produces label
prompt: function(errors) {
return $('<div/>')
.addClass('ui red pointing prompt label')
.addClass('ui basic red pointing prompt label')
.html(errors[0])
;
}

2
dist/components/form.min.css
File diff suppressed because it is too large
View File

2
dist/components/form.min.js
File diff suppressed because it is too large
View File

12
dist/components/input.css
View File

@ -349,24 +349,24 @@
}
/* Spacing with corner label */
.ui[class*="corner labeled"]:not(.left).labeled.input input {
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input input {
padding-right: 2.5em !important;
}
.ui[class*="corner labeled"].icon.input:not(.left) > input {
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {
padding-right: 3.25em !important;
}
.ui[class*="corner labeled"].icon.input:not(.left) > .icon {
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon {
margin-right: 1.25em;
}
/* Left Labeled */
.ui[class*="corner labeled"].left.labeled.input input {
.ui[class*="left corner labeled"].labeled.input input {
padding-left: 2.5em !important;
}
.ui[class*="corner labeled"].icon.input.left > input {
.ui[class*="left corner labeled"].icon.input > input {
padding-left: 3.25em !important;
}
.ui[class*="corner labeled"].icon.input.left > .icon {
.ui[class*="left corner labeled"].icon.input > .icon {
margin-left: 1.25em;
}

2
dist/components/input.min.css
File diff suppressed because it is too large
View File

455
dist/components/label.css
View File

@ -188,7 +188,7 @@ a.ui.label {
top: 50%;
right: 100%;
content: '';
background-color: #e8e8e8;
background-color: inherit;
background-image: none;
width: 1.56em;
height: 1.56em;
@ -220,6 +220,7 @@ a.ui.label {
margin: 0em;
padding: 0em;
text-align: center;
border-color: #e8e8e8;
width: 4em;
height: 4em;
z-index: 1;
@ -503,20 +504,39 @@ a.ui.active.label:ActiveHover:before {
border-color: #db2828 !important;
color: #ffffff !important;
}
.ui.red.corner.label,
.ui.red.corner.label:hover {
background-color: transparent !important;
}
a.ui.red.labels .label:hover,
/* Link */
.ui.red.labels .label:hover,
a.ui.red.label:hover {
background-color: #d01919 !important;
border-color: #d01919 !important;
color: #ffffff !important;
}
/* Corner */
.ui.red.corner.label,
.ui.red.corner.label:hover {
background-color: transparent !important;
}
/* Ribbon */
.ui.red.ribbon.label {
border-color: #b21e1e !important;
}
/* Basic */
.ui.basic.red.label {
background-color: #ffffff !important;
color: #db2828 !important;
border-color: #db2828 !important;
}
.ui.basic.red.labels a.label:hover,
a.ui.basic.red.label:hover {
background-color: #ffffff !important;
color: #d01919 !important;
border-color: #d01919 !important;
}
/*--- Orange ---*/
.ui.orange.labels .label,
@ -525,20 +545,39 @@ a.ui.red.label:hover {
border-color: #f2711c !important;
color: #ffffff !important;
}
.ui.orange.corner.label,
.ui.orange.corner.label:hover {
background-color: transparent !important;
}
a.ui.orange.labels .label:hover,
/* Link */
.ui.orange.labels .label:hover,
a.ui.orange.label:hover {
background-color: #f26202 !important;
border-color: #f26202 !important;
color: #ffffff !important;
}
/* Corner */
.ui.orange.corner.label,
.ui.orange.corner.label:hover {
background-color: transparent !important;
}
/* Ribbon */
.ui.orange.ribbon.label {
border-color: #cf590c !important;
}
/* Basic */
.ui.basic.orange.label {
background-color: #ffffff !important;
color: #f2711c !important;
border-color: #f2711c !important;
}
.ui.basic.orange.labels a.label:hover,
a.ui.basic.orange.label:hover {
background-color: #ffffff !important;
color: #f26202 !important;
border-color: #f26202 !important;
}
/*--- Yellow ---*/
.ui.yellow.labels .label,
@ -547,20 +586,39 @@ a.ui.orange.label:hover {
border-color: #fbbd08 !important;
color: #ffffff !important;
}
.ui.yellow.corner.label,
.ui.yellow.corner.label:hover {
background-color: transparent !important;
}
a.ui.yellow.labels .label:hover,
/* Link */
.ui.yellow.labels .label:hover,
a.ui.yellow.label:hover {
background-color: #eaae00 !important;
border-color: #eaae00 !important;
color: #ffffff !important;
}
/* Corner */
.ui.yellow.corner.label,
.ui.yellow.corner.label:hover {
background-color: transparent !important;
}
/* Ribbon */
.ui.yellow.ribbon.label {
border-color: #cd9903 !important;
}
/* Basic */
.ui.basic.yellow.label {
background-color: #ffffff !important;
color: #fbbd08 !important;
border-color: #fbbd08 !important;
}
.ui.basic.yellow.labels a.label:hover,
a.ui.basic.yellow.label:hover {
background-color: #ffffff !important;
color: #eaae00 !important;
border-color: #eaae00 !important;
}
/*--- Olive ---*/
.ui.olive.labels .label,
@ -569,20 +627,39 @@ a.ui.yellow.label:hover {
border-color: #b5cc18 !important;
color: #ffffff !important;
}
.ui.olive.corner.label,
.ui.olive.corner.label:hover {
background-color: transparent !important;
}
a.ui.olive.labels .label:hover,
/* Link */
.ui.olive.labels .label:hover,
a.ui.olive.label:hover {
background-color: #a7bd0d !important;
border-color: #a7bd0d !important;
color: #ffffff !important;
}
/* Corner */
.ui.olive.corner.label,
.ui.olive.corner.label:hover {
background-color: transparent !important;
}
/* Ribbon */
.ui.olive.ribbon.label {
border-color: #198f35 !important;
}
/* Basic */
.ui.basic.olive.label {
background-color: #ffffff !important;
color: #b5cc18 !important;
border-color: #b5cc18 !important;
}
.ui.basic.olive.labels a.label:hover,
a.ui.basic.olive.label:hover {
background-color: #ffffff !important;
color: #a7bd0d !important;
border-color: #a7bd0d !important;
}
/*--- Green ---*/
.ui.green.labels .label,
@ -591,20 +668,39 @@ a.ui.olive.label:hover {
border-color: #21ba45 !important;
color: #ffffff !important;
}
.ui.green.corner.label,
.ui.green.corner.label:hover {
background-color: transparent !important;
}
a.ui.green.labels .label:hover,
/* Link */
.ui.green.labels .label:hover,
a.ui.green.label:hover {
background-color: #16ab39 !important;
border-color: #16ab39 !important;
color: #ffffff !important;
}
/* Corner */
.ui.green.corner.label,
.ui.green.corner.label:hover {
background-color: transparent !important;
}
/* Ribbon */
.ui.green.ribbon.label {
border-color: #198f35 !important;
}
/* Basic */
.ui.basic.green.label {
background-color: #ffffff !important;
color: #21ba45 !important;
border-color: #21ba45 !important;
}
.ui.basic.green.labels a.label:hover,
a.ui.basic.green.label:hover {
background-color: #ffffff !important;
color: #16ab39 !important;
border-color: #16ab39 !important;
}
/*--- Teal ---*/
.ui.teal.labels .label,
@ -613,20 +709,39 @@ a.ui.green.label:hover {
border-color: #00b5ad !important;
color: #ffffff !important;
}
.ui.teal.corner.label,
.ui.teal.corner.label:hover {
background-color: transparent !important;
}
a.ui.teal.labels .label:hover,
/* Link */
.ui.teal.labels .label:hover,
a.ui.teal.label:hover {
background-color: #009c95 !important;
border-color: #009c95 !important;
color: #ffffff !important;
}
/* Corner */
.ui.teal.corner.label,
.ui.teal.corner.label:hover {
background-color: transparent !important;
}
/* Ribbon */
.ui.teal.ribbon.label {
border-color: #00827c !important;
}
/* Basic */
.ui.basic.teal.label {
background-color: #ffffff !important;
color: #00b5ad !important;
border-color: #00b5ad !important;
}
.ui.basic.teal.labels a.label:hover,
a.ui.basic.teal.label:hover {
background-color: #ffffff !important;
color: #009c95 !important;
border-color: #009c95 !important;
}
/*--- Blue ---*/
.ui.blue.labels .label,
@ -635,20 +750,39 @@ a.ui.teal.label:hover {
border-color: #2185d0 !important;
color: #ffffff !important;
}
.ui.blue.corner.label,
.ui.blue.corner.label:hover {
background-color: transparent !important;
}
a.ui.blue.labels .label:hover,
/* Link */
.ui.blue.labels .label:hover,
a.ui.blue.label:hover {
background-color: #1678c2 !important;
border-color: #1678c2 !important;
color: #ffffff !important;
}
/* Corner */
.ui.blue.corner.label,
.ui.blue.corner.label:hover {
background-color: transparent !important;
}
/* Ribbon */
.ui.blue.ribbon.label {
border-color: #1a69a4 !important;
}
/* Basic */
.ui.basic.blue.label {
background-color: #ffffff !important;
color: #2185d0 !important;
border-color: #2185d0 !important;
}
.ui.basic.blue.labels a.label:hover,
a.ui.basic.blue.label:hover {
background-color: #ffffff !important;
color: #1678c2 !important;
border-color: #1678c2 !important;
}
/*--- Violet ---*/
.ui.violet.labels .label,
@ -657,20 +791,39 @@ a.ui.blue.label:hover {
border-color: #6435c9 !important;
color: #ffffff !important;
}
.ui.violet.corner.label,
.ui.violet.corner.label:hover {
background-color: transparent !important;
}
a.ui.violet.labels .label:hover,
/* Link */
.ui.violet.labels .label:hover,
a.ui.violet.label:hover {
background-color: #5829bb !important;
border-color: #5829bb !important;
color: #ffffff !important;
}
/* Corner */
.ui.violet.corner.label,
.ui.violet.corner.label:hover {
background-color: transparent !important;
}
/* Ribbon */
.ui.violet.ribbon.label {
border-color: #502aa1 !important;
}
/* Basic */
.ui.basic.violet.label {
background-color: #ffffff !important;
color: #6435c9 !important;
border-color: #6435c9 !important;
}
.ui.basic.violet.labels a.label:hover,
a.ui.basic.violet.label:hover {
background-color: #ffffff !important;
color: #5829bb !important;
border-color: #5829bb !important;
}
/*--- Purple ---*/
.ui.purple.labels .label,
@ -679,20 +832,39 @@ a.ui.violet.label:hover {
border-color: #a333c8 !important;
color: #ffffff !important;
}
.ui.purple.corner.label,
.ui.purple.corner.label:hover {
background-color: transparent !important;
}
a.ui.purple.labels .label:hover,
/* Link */
.ui.purple.labels .label:hover,
a.ui.purple.label:hover {
background-color: #9627ba !important;
border-color: #9627ba !important;
color: #ffffff !important;
}
/* Corner */
.ui.purple.corner.label,
.ui.purple.corner.label:hover {
background-color: transparent !important;
}
/* Ribbon */
.ui.purple.ribbon.label {
border-color: #82299f !important;
}
/* Basic */
.ui.basic.purple.label {
background-color: #ffffff !important;
color: #a333c8 !important;
border-color: #a333c8 !important;
}
.ui.basic.purple.labels a.label:hover,
a.ui.basic.purple.label:hover {
background-color: #ffffff !important;
color: #9627ba !important;
border-color: #9627ba !important;
}
/*--- Pink ---*/
.ui.pink.labels .label,
@ -701,20 +873,39 @@ a.ui.purple.label:hover {
border-color: #e03997 !important;
color: #ffffff !important;
}
.ui.pink.corner.label,
.ui.pink.corner.label:hover {
background-color: transparent !important;
}
a.ui.pink.labels .label:hover,
/* Link */
.ui.pink.labels .label:hover,
a.ui.pink.label:hover {
background-color: #e61a8d !important;
border-color: #e61a8d !important;
color: #ffffff !important;
}
/* Corner */
.ui.pink.corner.label,
.ui.pink.corner.label:hover {
background-color: transparent !important;
}
/* Ribbon */
.ui.pink.ribbon.label {
border-color: #c71f7e !important;
}
/* Basic */
.ui.basic.pink.label {
background-color: #ffffff !important;
color: #e03997 !important;
border-color: #e03997 !important;
}
.ui.basic.pink.labels a.label:hover,
a.ui.basic.pink.label:hover {
background-color: #ffffff !important;
color: #e61a8d !important;
border-color: #e61a8d !important;
}
/*--- Brown ---*/
.ui.brown.labels .label,
@ -723,20 +914,39 @@ a.ui.pink.label:hover {
border-color: #a5673f !important;
color: #ffffff !important;
}
.ui.brown.corner.label,
.ui.brown.corner.label:hover {
background-color: transparent !important;
}
a.ui.brown.labels .label:hover,
/* Link */
.ui.brown.labels .label:hover,
a.ui.brown.label:hover {
background-color: #975b33 !important;
border-color: #975b33 !important;
color: #ffffff !important;
}
/* Corner */
.ui.brown.corner.label,
.ui.brown.corner.label:hover {
background-color: transparent !important;
}
/* Ribbon */
.ui.brown.ribbon.label {
border-color: #805031 !important;
}
/* Basic */
.ui.basic.brown.label {
background-color: #ffffff !important;
color: #a5673f !important;
border-color: #a5673f !important;
}
.ui.basic.brown.labels a.label:hover,
a.ui.basic.brown.label:hover {
background-color: #ffffff !important;
color: #975b33 !important;
border-color: #975b33 !important;
}
/*--- Grey ---*/
.ui.grey.labels .label,
@ -745,28 +955,37 @@ a.ui.brown.label:hover {
border-color: #767676 !important;
color: #ffffff !important;
}
.ui.labels .grey.label:before,
.ui.grey.labels .label:before,
.ui.grey.label:before {
background-color: #767676 !important;
}
.ui.grey.corner.label,
.ui.grey.corner.label:hover {
background-color: transparent !important;
}
a.ui.grey.labels .label:hover,
/* Link */
.ui.grey.labels .label:hover,
a.ui.grey.label:hover {
background-color: #838383 !important;
border-color: #838383 !important;
color: #ffffff !important;
}
.ui.labels a.grey.label:hover:before,
.ui.grey.labels a.label:hover:before,
a.ui.grey.label:hover:before {
background-color: #838383 !important;
/* Corner */
.ui.grey.corner.label,
.ui.grey.corner.label:hover {
background-color: transparent !important;
}
/* Ribbon */
.ui.grey.ribbon.label {
border-color: #5d5d5d !important;
border-color: #805031 !important;
}
/* Basic */
.ui.basic.grey.label {
background-color: #ffffff !important;
color: #767676 !important;
border-color: #767676 !important;
}
.ui.basic.grey.labels a.label:hover,
a.ui.basic.grey.label:hover {
background-color: #ffffff !important;
color: #838383 !important;
border-color: #838383 !important;
}
/*--- Black ---*/
@ -777,28 +996,37 @@ a.ui.grey.label:hover:before {
border-color: #1b1c1d !important;
color: #ffffff !important;
}
.ui.labels .black.label:before,
.ui.black.labels .label:before,
.ui.black.label:before {
background-color: #1b1c1d !important;
}
.ui.black.corner.label,
.ui.black.corner.label:hover {
background-color: transparent !important;
}
a.ui.black.labels .label:hover,
/* Link */
.ui.black.labels .label:hover,
a.ui.black.label:hover {
background-color: #27292a !important;
border-color: #27292a !important;
color: #ffffff !important;
}
.ui.labels a.black.label:hover:before,
.ui.black.labels a.label:hover:before,
a.ui.black.label:hover:before {
background-color: #27292a !important;
/* Corner */
.ui.black.corner.label,
.ui.black.corner.label:hover {
background-color: transparent !important;
}
/* Ribbon */
.ui.black.ribbon.label {
border-color: #5d5d5d !important;
border-color: #805031 !important;
}
/* Basic */
.ui.basic.black.label {
background-color: #ffffff !important;
color: #1b1c1d !important;
border-color: #1b1c1d !important;
}
.ui.basic.black.labels a.label:hover,
a.ui.basic.black.label:hover {
background-color: #ffffff !important;
color: #27292a !important;
border-color: #27292a !important;
}
/*-------------------
@ -905,8 +1133,8 @@ a.ui.basic.label:hover {
transform: rotate(45deg);
background-image: none;
z-index: 2;
width: 0.6em;
height: 0.6em;
width: 0.6666em;
height: 0.6666em;
-webkit-transition: background 0.1s ease;
transition: background 0.1s ease;
}
@ -920,8 +1148,8 @@ a.ui.basic.label:hover {
.ui.pointing.label:before,
.ui.pointing.above.label:before {
border-width: 1px 0px 0px 1px;
margin-left: -0.3em;
top: -0.3em;
margin-left: -0.3333em;
top: -0.3333em;
left: 50%;
}
@ -935,10 +1163,10 @@ a.ui.basic.label:hover {
.ui.pointing.bottom.label:before,
.ui.pointing.below.label:before {
border-width: 0px 1px 1px 0px;
margin-left: -0.3em;
margin-left: -0.3333em;
top: auto;
right: auto;
bottom: -0.3em;
bottom: -0.3333em;
left: 50%;
}
@ -946,11 +1174,11 @@ a.ui.basic.label:hover {
.ui.pointing.left.label {
margin-top: 0em;
margin-left: 0.6em;
margin-left: 0.6666em;
}
.ui.pointing.left.label:before {
border-width: 0px 0px 1px 1px;
margin-top: -0.3em;
margin-top: -0.3333em;
bottom: auto;
right: auto;
top: 50%;
@ -961,17 +1189,50 @@ a.ui.basic.label:hover {
.ui.pointing.right.label {
margin-top: 0em;
margin-right: 0.6em;
margin-right: 0.6666em;
}
.ui.pointing.right.label:before {
border-width: 1px 1px 0px 0px;
margin-top: -0.3em;
right: -0.3em;
margin-top: -0.3333em;
right: -0.3333em;
top: 50%;
bottom: auto;
left: auto;
}
/* Basic Pointing */
/*--- Above ---*/
.ui.basic.pointing.label:before,
.ui.basic.pointing.above.label:before {
top: calc( -0.3333em - 1px );
}
/*--- Below ---*/
.ui.basic.pointing.bottom.label:before,
.ui.basic.pointing.below.label:before {
top: auto;
margin-left: calc( -0.3333em - 1px );
bottom: calc( -0.3333em - 1px );
}
/*--- Left ---*/
.ui.basic.pointing.left.label:before {
top: 50%;
margin-top: calc( -0.3333em - 1px );
}
/*--- Right ---*/
.ui.basic.pointing.right.label:before {
top: 50%;
margin-top: calc( -0.3333em - 1px );
right: calc( -0.3333em - 1px );
}
/*------------------
Floating Label
-------------------*/

2
dist/components/label.min.css
File diff suppressed because it is too large
View File

7
dist/components/menu.css
View File

@ -348,9 +348,6 @@
margin-bottom: -0.15em;
padding: 0.3em 0.71428571em;
}
.ui.menu .item > .label:before {
background-color: #999999;
}
.ui.menu .item > .floating.label {
padding: 0.3em 0.71428571em;
}
@ -827,7 +824,7 @@ Floated Menu / Item
/* Header */
.ui.secondary.menu .header.item {
border-radius: 0em;
border-right: 1px solid rgba(34, 36, 38, 0.15);
border-right: none;
background: none transparent;
}
@ -1066,7 +1063,6 @@ Floated Menu / Item
/* Header */
.ui.text.menu .header.item {
background-color: transparent;
padding: 0em;
opacity: 1;
color: rgba(0, 0, 0, 0.85);
font-size: 0.92857143em;
@ -1120,7 +1116,6 @@ Floated Menu / Item
background-color: transparent;
border: none;
box-shadow: none;
padding: 0.35714286em 0.5em;
font-weight: normal;
color: rgba(0, 0, 0, 0.95);
}

2
dist/components/menu.min.css
File diff suppressed because it is too large
View File

1755
dist/semantic.css
File diff suppressed because it is too large
View File

62
dist/semantic.js
View File

@ -1538,7 +1538,7 @@ $.fn.form.settings = {
// template that produces label
prompt: function(errors) {
return $('<div/>')
.addClass('ui red pointing prompt label')
.addClass('ui basic red pointing prompt label')
.html(errors[0])
;
}
@ -3964,6 +3964,7 @@ $.fn.dropdown = function(parameters) {
activated = false,
itemActivated = false,
internalChange = false,
element = this,
instance = $module.data(moduleNamespace),
@ -3992,11 +3993,7 @@ $.fn.dropdown = function(parameters) {
module.restore.selected();
module.create.id();
if(hasTouch) {
module.bind.touchEvents();
}
module.bind.mouseEvents();
module.bind.keyboardEvents();
module.bind.events();
module.observeChanges();
module.instantiate();
@ -4287,7 +4284,6 @@ $.fn.dropdown = function(parameters) {
;
},
toggle: function() {
module.verbose('Toggling menu visibility');
if( !module.is.active() ) {
@ -4364,8 +4360,30 @@ $.fn.dropdown = function(parameters) {
},
bind: {
events: function() {
if(hasTouch) {
module.bind.touchEvents();
}
module.bind.keyboardEvents();
module.bind.inputEvents();
module.bind.mouseEvents();
},
touchEvents: function() {
module.debug('Touch device detected binding additional touch events');
if( module.is.searchSelection() ) {
// do nothing special yet
}
else if( module.is.single() ) {
$module
.on('touchstart' + eventNamespace, module.event.test.toggle)
;
}
$menu
.on('touchstart' + eventNamespace, selector.item, module.event.item.mouseenter)
;
},
keyboardEvents: function() {
module.debug('Binding keyboard events');
module.verbose('Binding keyboard events');
$module
.on('keydown' + eventNamespace, module.event.keydown)
;
@ -4380,25 +4398,17 @@ $.fn.dropdown = function(parameters) {
;
}
},
touchEvents: function() {
module.debug('Touch device detected binding additional touch events');
if( module.is.searchSelection() ) {
// do nothing special yet
}
else if( module.is.single() ) {
$module
.on('touchstart' + eventNamespace, module.event.test.toggle)
;
}
$menu
.on('touchstart' + eventNamespace, selector.item, module.event.item.mouseenter)
inputEvents: function() {
module.verbose('Binding input change events');
$module
.on('change' + eventNamespace, selector.input, module.event.change)
;
},
mouseEvents: function() {
module.debug('Mouse detected binding mouse events');
module.verbose('Binding mouse events');
if(module.is.multiple()) {
$module
.on('click' + eventNamespace, selector.label, module.event.label.click)
.on('click' + eventNamespace, selector.label, module.event.label.click)
.on('click' + eventNamespace, selector.remove, module.event.remove.click)
;
}
@ -4682,6 +4692,12 @@ $.fn.dropdown = function(parameters) {
},
event: {
change: function() {
if(!internalChange) {
module.debug('Input changed, updating selection');
module.set.selected();
}
},
focus: function() {
if(settings.showOnFocus && !activated && module.is.hidden() && !pageLostFocus) {
module.show();
@ -6045,6 +6061,7 @@ $.fn.dropdown = function(parameters) {
module.add.optionValue(value);
}
module.debug('Updating input value', value, currentValue);
internalChange = true;
$input
.val(value)
;
@ -6054,6 +6071,7 @@ $.fn.dropdown = function(parameters) {
else {
$input.trigger('change');
}
internalChange = false;
}
else {
module.verbose('Storing value in metadata', value, $input);

2
dist/semantic.min.css
File diff suppressed because it is too large
View File

17
dist/semantic.min.js
File diff suppressed because it is too large
View File

Write Preview
Loading…
Cancel
Save