diff --git a/src/elements/button.less b/src/elements/button.less index 7c64d663c..4b8411615 100755 --- a/src/elements/button.less +++ b/src/elements/button.less @@ -265,7 +265,7 @@ background-color: @primaryColor; color: @invertedTextColor; text-shadow: @invertedTextShadow; - box-shadow: none; + box-shadow: @coloredBoxShadow; } .ui.primary.buttons .button:hover, .ui.primary.button:hover { @@ -295,7 +295,7 @@ background-color: @secondaryColor; color: @invertedTextColor; text-shadow: @invertedTextShadow; - box-shadow: none; + box-shadow: @coloredBoxShadow; } .ui.secondary.buttons .button:hover, .ui.secondary.button:hover { @@ -325,7 +325,7 @@ background-color: @facebookColor; color: @invertedTextColor; text-shadow: @invertedTextShadow; - box-shadow: none; + box-shadow: @coloredBoxShadow; } .ui.facebook.button:hover { background-color: @facebookHoverColor; @@ -343,7 +343,7 @@ background-color: @twitterColor; color: @invertedTextColor; text-shadow: @invertedTextShadow; - box-shadow: none; + box-shadow: @coloredBoxShadow; } .ui.twitter.button:hover { background-color: @twitterHoverColor; @@ -361,7 +361,7 @@ background-color: @googlePlusColor; color: @invertedTextColor; text-shadow: @invertedTextShadow; - box-shadow: none; + box-shadow: @coloredBoxShadow; } .ui.google.plus.button:hover { background-color: @googlePlusHoverColor; @@ -396,7 +396,7 @@ background-color: @youtubeColor; color: @invertedTextColor; text-shadow: @invertedTextShadow; - box-shadow: none; + box-shadow: @coloredBoxShadow; } .ui.youtube.button:hover { background-color: @youtubeHoverColor; @@ -414,7 +414,7 @@ background-color: @instagramColor; color: @invertedTextColor; text-shadow: @invertedTextShadow; - box-shadow: none; + box-shadow: @coloredBoxShadow; } .ui.instagram.button:hover { background-color: @instagramHoverColor; @@ -432,7 +432,7 @@ background-color: @pinterestColor; color: @invertedTextColor; text-shadow: @invertedTextShadow; - box-shadow: none; + box-shadow: @coloredBoxShadow; } .ui.pinterest.button:hover { background-color: @pinterestHoverColor; @@ -449,7 +449,7 @@ .ui.vk.button { background-color: #4D7198; color: #FFFFFF; - box-shadow: none; + box-shadow: @coloredBoxShadow; } .ui.vk.button:hover { background-color: #537AA5; @@ -1067,7 +1067,7 @@ background-color: @black; color: @invertedTextColor; text-shadow: @invertedTextShadow; - box-shadow: none; + box-shadow: @coloredBoxShadow; } .ui.black.buttons .button:hover, .ui.black.button:hover { @@ -1096,7 +1096,7 @@ background-color: @blue; color: @invertedTextColor; text-shadow: @invertedTextShadow; - box-shadow: none; + box-shadow: @coloredBoxShadow; } .ui.blue.buttons .button:hover, .ui.blue.button:hover { @@ -1125,7 +1125,7 @@ background-color: @green; color: @invertedTextColor; text-shadow: @invertedTextShadow; - box-shadow: none; + box-shadow: @coloredBoxShadow; } .ui.green.buttons .button:hover, .ui.green.button:hover { @@ -1154,7 +1154,7 @@ background-color: @orange; color: @invertedTextColor; text-shadow: @invertedTextShadow; - box-shadow: none; + box-shadow: @coloredBoxShadow; } .ui.orange.buttons .button:hover, .ui.orange.button:hover { @@ -1183,7 +1183,7 @@ background-color: @pink; color: @invertedTextColor; text-shadow: @invertedTextShadow; - box-shadow: none; + box-shadow: @coloredBoxShadow; } .ui.pink.buttons .button:hover, .ui.pink.button:hover { @@ -1212,7 +1212,7 @@ background-color: @purple; color: @invertedTextColor; text-shadow: @invertedTextShadow; - box-shadow: none; + box-shadow: @coloredBoxShadow; } .ui.purple.buttons .button:hover, .ui.purple.button:hover { @@ -1241,7 +1241,7 @@ background-color: @red; color: @invertedTextColor; text-shadow: @invertedTextShadow; - box-shadow: none; + box-shadow: @coloredBoxShadow; } .ui.red.buttons .button:hover, .ui.red.button:hover { @@ -1270,7 +1270,7 @@ background-color: @teal; color: @invertedTextColor; text-shadow: @invertedTextShadow; - box-shadow: none; + box-shadow: @coloredBoxShadow; } .ui.teal.buttons .button:hover, .ui.teal.button:hover { @@ -1299,7 +1299,7 @@ background-color: @yellow; color: @invertedTextColor; text-shadow: @invertedTextShadow; - box-shadow: none; + box-shadow: @coloredBoxShadow; } .ui.yellow.buttons .button:hover, .ui.yellow.button:hover { @@ -1331,7 +1331,7 @@ background-color: @positiveColor !important; color: @invertedTextColor; text-shadow: @invertedTextShadow; - box-shadow: none; + box-shadow: @coloredBoxShadow; } .ui.positive.buttons .button:hover, .ui.positive.button:hover, @@ -1365,7 +1365,7 @@ background-color: @negativeColor !important; color: @invertedTextColor; text-shadow: @invertedTextShadow; - box-shadow: none; + box-shadow: @coloredBoxShadow; } .ui.negative.buttons .button:hover, .ui.negative.button:hover, diff --git a/src/modules/dropdown.js b/src/modules/dropdown.js index 668ad8bd1..d96cec385 100755 --- a/src/modules/dropdown.js +++ b/src/modules/dropdown.js @@ -282,6 +282,16 @@ $.fn.dropdown = function(parameters) { module.hide(); }, + select: function(text, value) { + value = (value !== undefined) + ? value + : text + ; + module.set.selected(value); + module.set.value(value); + module.hide(); + }, + activate: function(text, value) { value = (value !== undefined) ? value @@ -429,7 +439,7 @@ $.fn.dropdown = function(parameters) { .text(text) ; } - else { + else if(settings.action !== 'select') { module.debug('Changing text', text, $text); $text.removeClass(className.placeholder); $text.text(text); diff --git a/src/semantic.config b/src/semantic.config index 43b20cc8e..0ec988d95 100755 --- a/src/semantic.config +++ b/src/semantic.config @@ -10,7 +10,7 @@ @globalTheme: 'default'; /* Elements */ -@button : 'github'; +@button : 'default'; @icon : 'default'; @divider : 'default'; @header : 'default';