Enhancement
- Form - Form validation now has parameter
optional
which will only validate a field against a set of rules if the user does not leave it blank Thanks DHNCarlos - Fonts - Add font subset variable for
site.variables
Thanks gabormeszoly - Modal - Default modal shadow now more subtle
- Sidebar - Now has behaviors
is open/closed
that are aliases foris visible/hidden
- Checkbox - JS Checkbox now handles several variations of html. Labels can be before inputs, after, or not included at all. This should work better with server side form generation.
- Progress - Adds
limitValues
setting to adjust values outside of 0-100 automatically to within range, defaults to true
Bugs
- Grid - Fixes
ui stackable grid
sometimes not aligning correctly at mobile sizes withui page grid
- Progress - Fixes issues with setting progress to 0% not working as expected
- Modal - Fixes issues with multiple modals sometimes not closing dimmers
- Modal - When a second modal that is not scrolling is opened after a scrolling modal it no longer causes the first modal to not be scrollable
- Modal - "Hammer" clicking multiple times on a hiding dimmer no longer causes animation issues
- Sidebar - Fixes issue with multiple sidebars sometimes causing dimmer to close prematurely
- Sidebar - Dimmer can now be clicked even before sidebar has finished showing to immediately close sidebar
- Item/Card - Default link formatting inside element simplified to avoid adjusting other nested
ui
link styles - Dropdown - Fixes bug with dropdown converted from
select
that use<option
values with capital letters not being selectable - Form - Fixes required checkbox asterisks formatting incorrect
Docs / Build
- Fixed documentation on dropdown actions, form field widths, form validation types, and many odds & ends
- Adds components to semantic.json.example
- Theme.config.example now links to final site folder
- NPM - Fixes issue with
dist/
not being included when using NPM due to.gitignore
Bugs
- Step - Fixes step content appearing overlapped due to use of
em
instead ofrem
for line-height. - Sidebar - Fixes issue that may cause sidebars to stay open in some circumstances when using multiple sidebars
Enhancements
- Transition - Transition's caching of final display state and animation existence now has improved performance.
- Popup - Popup now has a
settings.prefer
that defaults toadjacent
. This setting sets prefered next placement when a popup cannot fit on screen in the chosen placement.prefer
can also be set toopposite
to prefer the same position on the opposite side - Popup - Popup can now use a setting
lastResort
. When set to a position it will be used as a last resort even if popup does not entirely fit on the page. Setting this tofalse
will produce an error when a popup cannot fit on screen. - Transition now has
useFailSafe
parameter (off by default) to ensure transition callback fires even if nativeonAnimationEnd
event does not fire due to element visibility. Chromium Bug Report by Product Manager @ Mozilla and this open issue - All UI - Many
em
measurements adjusted slightly to calculate out as exact pixel values (Fixes 1px rounding errors) - Steps - Now use global border color
- Progress - Progress now has sizing variations
- Input -
transparent input
can now beinverted
- Dropdown - Dropdown
onChange
callback now fires when callingsetSelected
programatically.
Bugs
- Build Tools - NPM now correctly pins dependencies instead of using bleeding-edge versions which may break builds
- Transition - Transition now correctly detects missing animations, errors do not cause future image transitions to break
- Menu/Segment Fixes double border on pointing menu with attached segment Thanks davialexandre
- Progress - Fixes indicating progress appearing incorrectly at 100% complete Thanks ordepdev
- Icon -
remove icon
is now formatted correctly when used asremove link icon
- Input -
ui action input
can now accomodateui button
that adjust padding from default - Dropdown - Fix
action input
used insideui dropdown
to appear correctly Thanks ordepdev
Docs
- Progress - Added missing settings docs for progress module
Bugs
- Site - Add protocol variable for Google Font loader to avoid issues with
//
when loading locally causing freezing - Icon - Fix horizontal centering of circular icon
- Transition - Fix vertical flip not working due to css typo Thanks cgroner
- Menu - Removes missing image loader variable Thanks ryan-mahoney
- Card/Item - Fix generic link stylings erroneously affecting linked ui elements like buttons
- Table - Fixes table cell transition animating all properties
Breaking Changes
- Word Order - Many multi word variations now require proper word order, for example
left aligned
orright floated
classnames must be adjacent. This is to prevent conflicts with other multiple word variations - Form - Date field has been removed, use a
ui icon input
with acalendar icon
instead - Label - Corner labels no longer support text, only icons.
- Dropdown - Sub menus inside dropdowns now need a wrapping div text around sub-menu descriptions
- Checkbox - Checkbox "enable" and "disable" have been replaced with "check" and "uncheck"
- Modal - Modal
left
andright
sections are now replaced withimage
anddescription
- Accordion - Accordions are now unstyled by default allowing for simpler coupling with other UI without having to override styles. Styled accordions are now included as a variation
ui styled accordion
- List - List item selectors are now more strict, list items must be immediate children of
ui list
orui list list
- Item - 0.x.x's UI card has been adjusted heavily. Vertically listed content should use
ui item
while floated grouped content should continue to useui card
. Some 'card' view content has been slightly adjusted. Please refer to documentation - Header / Icon - Inverted headers and icons no longer invert background colors, but instead use a lighter version of colors more legible on dark backgrounds. Inverted circular icons, still however invert the color of the circle.
- Input - Labeled inputs now have
corner
left
andtop
label types. Any labeled inputs should be converted tocorner labeled input
to preserve functionality from0.x
- Modal - allowMultiple (allowing multiple modals at once) is now set to false by default.
- Table - Tables are no longer striped by default, instead you must specify the 'striped' variation
- Transition - Complete, and Start callbacks are now
onComplete
andonStart
Enhancements
- General - CSS animations now hint with will change properties to increase performance in supported browsers
- General - Many modules now use DOM Mutations and event delegation to allow content adjustment after initialization
- Accordion - Accordion now includes all icons in an embedded font instead of requiring icons
- Button - Now has compact form, used for fitting into tight spaces
- Button - Now has CSS loaders to allow loading state to maintain other styles
- Checkbox - Now correctly handles read-only and disabled, has read-only and disabled states
- Checkbox - All styles have been redone. Standard checkboxes are now based around PX and not EM making sure there are no unusual circles or rounding issues. Checkboxes also now use a custom font for glyphs instead of CSS tricks.
- Checkbox - Checkbox now have a
fireOnInit
setting for firing callbacks on page load - Checkbox - Checkbox now receive a
checked
class when checked, making it easier to write css selectors on checked checkboxes, for example when using sibling selectors.ui.checked.checkbox + .content { // style }
- Dropdown - New dropdown type, searchable selection for large lists of choices
- Dropdown - Dropdowns can now be initialized directly on a
<select>
element without any html - Dropdown - New action combo will change text of adjacent button, select will select element but not change text
- Dropdown - Many new content types now work inside dropdowns, headers, dividers, images, inputs, labels and more
- Form - Form now has a success state which will automatically display success messages
- Dimmer - Dimmer will now automatically determine whether click-to-close is enabled by
settings.on
- Dimmer - Multiple dimmers can now be used on the same context with
dimmerName
- Dimmer - Dimmer variations can be specified when creating a dimmer from javascript using
variation
setting. - Form - Grouped fields and inline fields can now have labels
- Form - Forms in 'success' state will now show success messages inside
- Form - Inputs now use 1em font size and correctly match selection dropdown height
- Form - Inverted form now properly styles loader
- Form - New field type
required
formats labels to show filling out field is mandatory - Grid -
ui divider
can now be used inside of row columns as well asvertically divided grid
variation - Grid - Grid rows and columns now support color variations
- Grid - Grid has been rewritten to automatically create row flow without row wrappers
- Grid - Divided and celled grids can now be inverted for dark backgrounds
- Grid - Elements inside a grid that are not rows or columns will now align properly
- Grid - Fixed page grid allows for fixed pixel size containers used with a grid instead of percentage
- Grid - Vertically divided grid now does not include left/right gutters in divider
- Header - Linked headers now receive link colors
- Image - New
bordered image
variation - Item - Items now have a horizontal list view for content lists
- Label - Added tag label and empty circular label style
- Label - Now has compact form, for fitting into tight spaces
- Label - Now has more sizes available
- List - Child lists can now be formatted to sit inside text content
- List - List images can now specify vertical alignment
- List - List spacing defaults have been adjusted to be more consistent
- Popup - Popup can now allow itself not to be closed when hovered over
- Popup - A popup element can now be specified on initialization.
- Reveal - Reveals now all use css properties with GPU acceleration
- Popup - Positioned popups will now extend in the opposite direction to fit better with floated content
- Rating - Rating now uses an embedded icon font to maximize compatibility
- Rating - Rating can now automatically generate icons without including them
- Rating - Rating can use data attributes to specify individual ratings
- Sidebar - Sidebar now has tall / very tall variations for resizing top/bottom sidebars
- Shape - Shape now is better at calculating sizes when animating
- Shape - You can now disable repeated animations by setting, so animation wont queue if side is currently visible
- Steps - Steps can now have icons, descriptions and titles. Step default theme has been modified significantly to be more flexible.
- Table - Tables now have 'basic' and 'very' basic variations
- Transition - Transition will now keep block position of elements hidden with visibility hidden
- Transition - Transitions now will handle multiple display types more consistently
- Transition - Transition now has a new
start
callback, before animation starts - Transition - Complete callback now does not occur if animation is interrupted before completing
- Transition - You can now specify the final displayType of a transitioning element in metadata or settings (not just automatically detected)
- More untracked changes added as well
** Bug Fixes **
- See Closed GitHub Issues
Bug Fixes
- Grid - Fixes issue where some responsive grid stylings were being overridden by other variations (for example stackable overriding )
Bug Fixes
- Grid - (Backport from 1.0 branch) Fixes issue where some combinations of (tablet/mobile/computer) only does not function correctly
Bug Fixes
- Modal - (Backport from 1.0 branch) Fixes issue where modal sometimes appears too low on second show
Enhancements
- Transition - Adds "fade in left/right" variations to match "fade up/down" Thanks AdamMaras
Fixes
- Accordion - Fixes incompatibilities with
ui list
when used inside aui accordion
, fixes issues with menu accordion display in some circumstances - Menu - Fixes
ui inverted secondary pointing menu
to have correct pointer color for all color variations Thanks AdamMaras - Docs - Language clarified for menu/rating definition Thanks jnbt/ewiner
Enhancements
- Modal - Modals now focus on first input if available Thanks Knotix
- RTL - RTL now uses RTLCSS instead of CSSJanus Thanks MohammadYounes
Fixes
- Menu - Fixes bug where pointing menu would sometimes appear below content Thanks Skysplit
- Dropdown - Fixes dropdown 'is animating' with dropdowns when CSS animations were not included Thanks nathankot
- Accordion - Accordion title does not know have to be :first-child to receive proper border Thanks BigBlueHat
- Popup - Fixes javascript animation of popup missing easing dependency
- Label - Fixes border radius on bottom left label
Docs
- Modal - Docs now have HTML examples
- Docs - Fixes issue with overview mode not clearing code examples
- CSS Guide - Fixes typos in css guide
Enhancements
- Dropdown - Dropdowns can now receive focus and be navigated with a keyboard Thanks Musatov
- Popup - Popup now has an
onRemove
callback after removing element from DOM
Fixes
- Modal - Element does not accurately close other modals when initialized at different times Thanks nojhamster
- Modal - Fixes javascript error for browsers that don't support CSS animations if jquery.easing is not included
- Form, Input - Fixes
ui input
to work correctly insideinline field
Fixes
- Transition - Fixes bug where transition could accidentally hide element on show due to error when determining original display type
Enhancements
- Form - Fields can now be aligned to a grid Thanks seralex-vi
Critical Fixes
- Modal - Fixes issue where position sometimes appeared too low on second show
- Reveal - Fixes reveal being broken in Chrome in
0.15.5
due to poor fix for reveal selectability
Fixes
- Transition - Fixes issue where transition hidden was sometimes overwriten by UI styles causing the element to stay visible
- Checkbox - Fixes issue where checkboxes with multiple line labels were appearing formatted incorrectly.
Critical Fixes
- Checkbox - Fixes
ui checkbox
to obeydisabled
property of input
Fixes
- Reveal - Hidden content now can be selected on reveal
- Message - Fixes hidden/visible class to work with animations
- Message - Fixes hidden/visible class to set proper display on
ui icon message
- Message - Fixes hitbox/position of
close icon
inside message
Fixes
- Rating - Fixes issue where rating was behaving erratically in Chrome
Changes
- Transition - CSS Transitions now work in legacy FF (FF > 12)
- All UI - Adds support for legacy FF vendor prefixes (FF > 12)
Docs
- Adds more examples for static checkbox/radio boxes with HTML only
- Fixes a variety of issues with malformed examples (thanks community)
Changes
- All Modules - Debug is now disabled by default
Fixes
- Step - Fixes issue with border radius on vertical steps
- Icon - Orange color is now available for icon
- Menu - Fixes formatting of attached segments with menus
Critical Fixes
- Dropdown - Typo in dropdown css was causing selection dropdowns not to appear
Enhancements
- Step - Vertical Steps now have option to have two line items
- Form - Forms, Dropdowns, and Inputs now have matching padding size, and use 1em font size to appear same size as surrounding text
- Icon - Icons on dark backgrounds should render better in OSX
- Modal - Modals now have an onVisible and onHidden callback for after animation ends
- Form Validation - Form validation now automatically revalidates a selection dropdown on change when invalid
Critical Fixes
- Modal - Browsers without RequestAnimationFrame (Opera) were erroring on modal show
- Dropdown - Element's with numeric
data-text
values were erroring when selected
Fixes
- Modal - Modal onShow and onHide occurs before transition starts, allowing for class name changes not to be reset
- Dropdown - Default selection text was not appearing when a dropdown had a value that was
false
or0
- Input - Fixes slight error in corner label rounding Thanks MohammadYounes
- Reveal - Reveals will now show on active, for touch devices Thanks Illyism
- Table - Fixes rounding on tables with multiple tfoot elements Thanks webdesserts
- Icon - Hide and unhide icon were accidentally given opposite names
- Checkbox - Checkboxes can now have multiple inputs inside, for use with .NET and other languages that insert their own hidden inputs
Project
- iOS - Active styles, for example pressed in buttons, now appear in docs on touch devices
Enhancements
- Modal - Modal now uses requestAnimationFrame instead of debounced callback
- Dropdown - Dropdown now has error state Thanks Musatov
- Form - Form fields with errors will now properly style dropdown elements Thanks Musatov
- Step - Steps can now appear vertically
Fixes
- List - Bulleted and horizontal lists now appear correctly in IE10-11
Project
- NPM - Docpad is now moved to a dev dependency Thanks kapouer
Fixes
- Modal - Fixes modal positioning appearing slightly below center on second load
- Checkbox - Fixes checkbox appearance inside inverted forms
- Input - Fixes ui input to inherit form sizing
- Accordion - Fixes issues with accordion rules being too specific, causing several common usages of accordions to break
- Form Validation - Fixes form validation regular expression matching Thanks icefox0801
Enhancements
- Label - Corner labels now are coupled to have rounded edges with components with rounded edges like input
- Form - Grouped form fields now have responsive styles for mobile
- Modal - Modal will now work when modal is taller than page's content
- Checkbox - Checkboxes now also trigger DOM
change
event - Accordion - Accordions now preserve inline styles when animating
- Form Validation - Form validation now rechecks on all form change events, not just input change
Fixes
- Menu - Fixes 2px border on last element in horizontal menus
- Menu - Fixes dropdown formatting when used *inside a menu item
- Menu - Fixes formatting of grouped icon buttons inside menus
- Modal - Fixes z-index of modal close to appear above
relative/absolute
modal content on mobile - Dimmer - Dimmers are less buggy when used with
on: 'hover
Enhancement
- Button - Or buttons can now have text specified using
<div class="or" data-text"text">
with alternate text Thanks MohammadYounes
Fixes
- Popup - Fixes issue where popups using
title
attribute to store data were losing title content instead of correctly restoring it - Modal - Fixes an issue where modal may not position correctly in some cases Thanks GianlucaGuarini
- Modal - Fixes modal throwing an error when transition is not included Thanks robertoles
Fixes
- Form - Fixes issue with onSuccess not allowing cancellation of form submit in form validation
- Input - Fixes
ui buttons
to work inside anui action input
**Thanks MohammadYounes ** - Items - Fixes
ui horizontal items
to work correctly, missing comma Thanks mishak87
Project
- RTL - Adds RTL hinting for some files Thanks MohammadYounes
- Specs - Adds additional JSON spec files for future use with generators Thanks brigand
Fixes
- Message - Fixes some issues with margins sometimes not appearing with
attached message
thanks joltmode - Item - Fixes color repeating to be consistent for items thanks skysplit
Enhancement
- Form Validation - Adding custom validation is now simpler, uses syntax
$('.form').form('add prompt', identifier, 'Error message');
Fixes
- Menu - Slightly updates input sizes inside menus
- Grid - Fixes grid
only tablet/mobile/computer
showing both devices on exact pixel of breakpoint, i.e. 768px - Icon - Fixes ascending alphabetic inheritance
Fixes
- LESS - Fixes typo breaking less parsing thanks DVSoftware
- Menu - Fixes buttons using
<a>
tag from inheriting link styles. thanks joltmode - Menu - Fixes
action input
to work inside menus thanks joltmode - Modal - Fixes possible race conditions in animations of modal thanks dos1
- Message - Prevents close icon from being misformatted in icon message thanks MohammadYounes
Docs
- Icons - Fixes some icon code samples in docs thanks mishak87 Some updates to docs formatting
Major Fixes
- Dropdown - Fixes dropdowns links not working on touch devices
- Input - Fixes input placeholder styles to work (accidental regex replace)
Major Updates
- Transition - Transitions will now, by default, prevent the current animation from being queued while it is actively animating the same animation
- Modal - New setting
allowMultiple
lets you specify whether multiple modals can be shown at once - Modal - New setting
detachable
allows you to specify whether modal DOM element can be moved (Thanks MohammadYounes)
Updates
- Dropdown - Default value is now stored on init, and can be restored using 'restore defaults' behavior
- Modal - Buttons can now use both
cancel/deny
orok/approve
, for approve/deny events to fire (Thanks MohammadYounes) - Menu - Fixed menu now adds padding on the next element if it is a grid
- Progress Bar - Adds warning color
Fixes
- Icon - Fixes unnecessary formatting on thumbs up/down
- Dropdown - Fixes touchmove event not clearing on touch devices causing unnecessary overhead
- Input - Action inputs can now be fluid
- Sidebar - Fixes issue where top sidebar was receiving left offset
- Menu - Fixes z-index on fixed menu to exist just below modals
- Dropdown - Fixes issue where last match was returned, not prioritizing value over text
- Form - Fixes all validation input to be trimmed for whitespace
Major Updates
-Transition: Transition has been completely rewritten, performance should be about 10x after first animation due to caching and use of request animation frame
New Features
-Transition: Transitions now work with any display type not just display: block, meaning transitions can be used on buttons and other inline elements without affecting display
Fixes
-Transition: Fixes typo in "horizontal flip out" causing opacity to be fading in
-Popup - Fixes popup sometimes opening and closing when event:click
is used and a user double clicks
-Modules: Fixed error in all modules where calling invoke would modify instance outside of scope, making it impossible to access some data (for instance cached positions) from outside of module.
-Modal: Fixes issues with modal in IE, IE11 can now use CSS animations with modals
Critical Fixes
- Dropdown - Fixes issue where dropdown animation does not occur sometimes (Thanks MohammadYounes)
Fixes
- Popup - Native browser popups no longer if using
title
attribute - Grid - Fixes issue where stackable grid was not working correctly when using (x) wide column
- Modal - Fixes element detatching sometimes in case where it is already inside a dimmer
- Input - Removes duplicate sizes
New
- Button - Adds VK button
- Input - Action inputs now support button groups
Fixes
- Rating - Fixes vertical alignment with text
- Dropdown - Fixes missing easing equations for dropdown javascript animations. Would cause an error when no css transitions were included and jquery easing was not available.
Fixes
- Modal - Fixes issue with modal animation regression in 0.10.0
New
- Grid - Adds
doubling
responsive variation which automatically formats content spacing based on device type - Form Validation - Adds two new parameters, to allow for changing of revalidation and delay on input
Updates
- Grid - Row padding is now EM not % based, this might shift layouts slightly
- Grid - Grid columns not inside a row will automatically receive row padding now. This will allow for content to flow correctly when row count is unknown
Fixes
- Grid - Fixes margin on stackable grids
- Dropdown - Value can be retrieved even in instances where forms arent used
Updates
- Rating - Ratings now recieve class disabled when read only, instead of recieving
active
when rateable since active are much more common - Grid - Fixes some instances where grid column width
x wide
was being overruled by parent elementx column
. - Header, Grid, Segment - Adds justified alignemnt
- Message - Fixes issues with attached icon message (thanks overra)
New
- Segment - Segments now have a circular variation
Fixes
- LESS files now include vendor prefixes by default instead of only including them in css releases
Fixes
- Dropdown - Fixes issue where falsey value (i.e. 0) could not be selected
- Transition - Fixes transition exists function from not being called
- Form - Adds input type="url" to forms
- Sidebar - Fixes right sidebars to correctly allow for sizing (Thanks DveMac)
- Sidebar - Typo in sidebar header (Thanks slobo)
Docs
- Fixes various typos and missing closing html tags
Fixes
- Dropdown - Fixes "falsey" values (like 0) not being processed correctly
- Segment - Fixes segment text color when nested inside inverted segment
- Button - Fixes improper active/visible state due to :not specificity (most noticiable in mousedown on a dropdown button)
Fixes - Fixes popup not repositioning itself when offstage.
New
- Popup - Adds context option for popup (thanks jefmathiot)
- Accordion - Adds formatting for nested accordions
Updates
- Accordion - Fixes issue with accordion events inside accordions
New
- Button - Basic icons now have inverted style
- Segment - Segments can now be used with
ui grid
andui grid column/row
- List - Adds animated list variation
Docs
- Release - Fixes issues with minification in grunt
- Examples - Adds new homepage example to release zip
- Code Samples - Updates ACE editor version
Updates
- List - Updated some list styles for greater flexibility
- Dropdown - Dropdown now always receives pointer cursor in all types
- Form - Darkens placeholder text color to be more visible
- Menu - Dropdown position inside secondary menus should be more precise
- Input - Labeled icons now have smaller corner labels
- Menu - Floating dropdown menus now work inside menus
- Button - UI buttons no longer have shadows, this helps match colored buttons in layouts
Fixes
- Header - Fixes alignment of solo icons in headers
- Button - Fixes labeled icon placement in Chrome
- Modal - Fixes use of unsupported comma separated :not selector
- Modal - Fixes left/right ui content receiving modal styles inappropriately
- Menu - Fixes some inverted menu stylings not applying correctly in some instances
- Grid - Fixes comp/tablet/mobile only columns not working if not inside a row
Fixes
- Modal - Fixes issue with scrollable variation on mobile, updates mobile styles
Docs
- Fixes bug in jquery waypoint 2.0.3 causing menus to be lame
Fixes
- Modal - Fixed issue with modals not working in 0.8.4 due to mistake in transition invoke
- Modules - Invoke now gives user's query in error message for method not found
Fixes
- Modules - Fixes bug where invoking a sentence behavior that has a single word match would always invoke single word match. I.e.
show modal
would mistakenly callshow
if it existed. - Modules - Adds CSS transition support detection to all modules using css transitions to allow for graceful degradation for IE8
Docs
- Download - Fixes issue where non minified source was being included with minified copy
- IE - Fixed some issue with IE display in docs
Fixes
- Modal - Adds fixes for opening modals when other modals are opened, adds a few new API behaviors
- Form - Fixes issues with form validation not escaping regex characters
- Form - Errored fields now have their icons and corner labels colored appropriately
- Labels - Fixes formatting of links inside labels
Fixes
- Modal - Quick Fix for modal events in IE
- Menu - Fixes arrow direction on vertical menu dropdown
- Button - Fixes button height issue with button groups including icon and normal buttons
Docs
- Fixes some missing closing tags
Fixes
- Button - Fixes colored version sometime losing white text color
- Button - Fixes 1pixel jump on animated fade buttons
Docs
- Prefixer now used for prefixing in grunt
- Spelling fixes
New
- Button - Default button styles have been significantly tweaked
- Button - Evenly divided buttons can use number classes instead of words
class="2 buttons"
- Button - New animated button styles, fade, horizontal, and vertical
Fixes
- Button - Fixes "or" sizing to work for all sizes
- Dropdown - Fixes border radius on non-selection dropdowns from changing on activation
- Input - Action buttons now have tactile feedback like normal buttons
Docs
- Added more detailed contributing guide
- Updates info on setting up server
- Added new examples to button and input
Fixes
- Modal - Fixes issue with modal hiding twice onApprove
Fixes
- Dropdown - Fixes issue with dropdown icon position in chrome
- Popup - Fixes issue with popup's using setting inline: true
New
- Table - Added aweosome new responsive style to ui tables
- Button - New social buttons for Instagram, LinkedIn, Google Plus, Pinterest
- List - Adds documentation for module format
- List - Adds onTabInit for local tabs on first load
- List - Popups can now have a different target than itself
- Modal - Modal hide can be cancelled from
onApprove
andonDeny
by returning false from callback - Transition - onShow and onHide callbacks for visibilit changing transitions
- Shape - New 'cube' and 'text' shape type
- Shape - Transition duration can now be set programatically
- Shape - New beforeChange callback
- Sidebar - Sidebar will now default to being exclusive and hiding other sidebars on show
- Sidebar - Sidebar now has onChange, onShow, onHide callbacks
- Sidebar - Sidebar now have several size variations, and a new styled variation that comes preformatted
Docs
- Dimmer - Adds more dimmer examples, fixes settings
- Modules - New examples and docs for all modules
- Adds sortable tables to docs
- New tabbed doc style for modules
- Code samples will now automatically format indention
Fixes
- Button - Fixes vertical fluid buttons not taking up full width
- Shape - Shape now works with no additional stylings
- Shape - Fixes calculation of next side size to work correctly by using offstage element
- Modules - Fixed issue when altering settings using
module('setting')
with an object - Dimmer - Dimmer now obeys border radius of parent
- Dropdown - Dropdown cannot display inside item image
- Dropdown - Dropdown links were being prevented by event.preventDefault used for touch devices
- Dropdown - Fixes issue with borders on selection dropdown
- Dropdown - Fixes pointing dropdown to appear correctly in menu
- List - Celled tables now have celled table headers
- Menu - Fixes border radius on tabular menu, fixes one pixel jump on active state
- Menu - Removes vertical label width missing units in menu
- Popup - Popup .toggle() now always hides/shows popup correctly
- Popup - Popup fixed a bug where "top right" placed popup might sometimes be too large
- Popup - Popup will not reshow a visible popup on hover
Updates
- Accordion - Reduces vertical padding on basic accordion content
- Header - Block header now uses RGBA instead of solid color by default
- Label - Ribbon labels now have a shadow color
- List - Horizontal padding on icon list slightly increased, fixes to icon position
- List - Increased padding on attached labels
- List - Leading on bulleted and ordered list slightly increased
- Message - Increase opacity of icons on icon messages
- Modal - Optimizes dimmer init on modal to occur on modal init and not modal show
- Popup - Popup border now uses RGBA to look sexier on dark backgrounds
- Popup - Popup default duration is now 200ms (slighty slower)
- Popup - Popup metadata attribute arrowOffset is now offset for simplicities sake
- Popup - Popup no-longer receives class name 'visible' on show, this allows popups to be used on dropdowns and other elements with a visible state
- Popup - Popups are no longer inline by default
- Table - Table headers are now darker to increase contrast with rainbow striped rows
- Sidebar - Floating sidebar is slightly less heavily shadowed
Fixes
- Fixes issue where browser default action, like link clicking, was prevented on dropdown item click
- Modal keyboard shortcuts now obey settings.closable (credit to luisrudge)
Fixes
- Fixes issue where browser default action, like link clicking, was prevented on dropdown item click
Deprecation
- Dropdown changeText and updateForm have been deprecated and will be removed in 1.0
Updates
- Dropdown hide no longer selects current item as active (useful for menus)
- Simplified possible dropdown actions changeText and updateForm are now consolidated into activate which is the new default
Fixes
- Fixes touch+mouse like touchscreen laptops to work with dropdowns
- Fixes input position inside menus with no other content
- Fixes input sizing on small/large menus
Updates
- Dropdown vastly improved for touch, now can scroll with touch without closing dropdown
- Dropdown active style now slightly more noticable
Updates
- Adds onApprove/onDeny callbacks to modal
- Adds small/large sizing of modal, reformats default modal size to be slightly inset from page grid
- Adds clockwise/counterclockwise rotated icon and default rotate
- Adds orange label/segment
- Adds automatic menu formatting for buttons inside menus
- Dropdowns in vertical menu automatically receive proper triangle pointer direction
Fixes
- Fixes modal spacing on left/right content to match up with grid gutters
- Fixes inheritance issues with rotated icon
- Fixes tests not passing for modal/dimmer
- Fixes overflow on item corner label
- Fixes right menu formatting in secondary menus
- Fixed shadow overlap on dropdown in menus
Updates
- Adds travis CI support with preliminary test coverage for all javascript modules
Fixes
- Minor Fixes caught with testing suite, related to ensuring proper destroy, init,
- Minor fixes to edge cases with seting and retrieving internals/settings as default, init, or during run-time on some modules
Fixes
- Fixes issue with modal sometimes closing/opening multiple times caused by changes in 0.5.0
Updates
- Fixes vertical alignment of checkboxes
Critical Fixes
- Fixes in some UI modules, issue where settings being shared across elements initialized at the same time instead of each instance.
- Fixes regression where popup was overriding variation class name on positioning
Fixes
- Fixes an issue where popup that was set to inline: false was being removed prematurely
- Fixes inheritance issue where grid column may sometimes not appear the correct size
- Fixes modal hide/show dependency issue where dimmer would not always hide modal and vice-versa
Updates
- Adds an example to popup where inline is set to false
- Accordion now comes bundled with proper easing
- Added onCreate to popup module
Fixes
- Updates dropdown to include proper invoke
Fixes
- Fixes issue with event bubbling being cancelled on dropdown item click
Fixes
- Fixes heart rating color
Updates
- Updated some checkbox stylings
- Checkboxes markup now more semantic with default markup including only one label tag that can be inside ui checkbox
Fixes
- Display issues with accordion
Fixes
- Fixes modal show/hide action reversal in Webkit
Updates
- Dimmer can now take different durations for its show and hide
Fixes
- Fixes popup position sometimes appearing off-stage on second apperance
- Fixes popup positions top left, top right, bottom left, bottom right being flipped
Docs
- Updates form and accordion docs
Updates
- Dropdown action default is now automatically determined based on type of dropdown, select dropdowns now will update form fields with default options
- Adds fluid variation to accordion
- Adds more html5 form support for forms (deneuxa)
- Fields can include both field and another level of fields
Fixes
- Fixes radio checkboxes (again)
- Fixes header content display in icon headers
Fixes
- Transitions now work in Safari versions that do not support animation-direction
- Fixes accordion in safari styles getting stuck
- Centering of content in icon header
Fixes
- Fixes modal not working due to destroy teardown in dimmer Issue #153
- Fixes selector for checkbox to fix radio boxes Issue #154
- Fixes issue with popup display in some edge cases Issue #128
Updates
- Headers and lists with icons now do not break with multiline content
- Examples resize with browser width
- Updates ACE editor library
- Code samples now do not change after interacting with examples
Updates
- Dropdown now formats top and right arrow icons automatically with icon coupling with sub menus
- Updates feed example with more feature examples
- Adds more sizes to ratings
- Makes active pagination item style more clear
- Adds attach events method to modal for attaching modal events to other elements
- Adds input focus/blur to modal, see Issue #124
- Adds new methods to rating: 'get rating', 'clear rating', 'disable', 'enable', adds new setting 'clearable'
Fixes
- Fixes position of menu dropdowns in some cases
- Updates modal to refocus elements after close
- Right floated list content now receives left margin
- List items display issues with icons + content
- Fixes rating line height issue
- Fixes rating not being sent as first callback parameter on 'onRate'
- Lists items now auto clear floats
- Fixes icon input inside a menu placement issues
Fixes
- Fixes Page Grid still receiving negative margin
Fixes
- Responsive Grid is now called "Page Grid". Responsive grids are now deprecated. This reduces confusion.
- Negative margins are now automatically removed from grids that are descendents of body tag.
Fixes
- Fixes checkbox selector issue with multiple inputs inside a checkbox
- Modal no longer uses inline css to center when in fixed position mode
- Fixes dropdown to now set active item to whatever hidden input field is when using action updateForm
Updates
- Fixes issue with display on Chromebook Pixel and some devices
- Fixes issues with concatenated version receiving conflicted icon definitions causing icons to not function
Updates
- Fixes issues with modal not swapping to absoultely positioned from fixed when content cannot fit in viewport
Updates
- Fixes invoke returning found function instead of results of found function in dropdown, modal
Updates
- Modals can now have an icon in its left content that will be automatically formatted
- Preserve 3D animations are now on by default for dimmers
Fixes
- Transition now forces browser repaint after animation
- Refactored modal and dimmer components
- Modal will now resize when browser window resizes if vertical height changes
- Fixes issues with dimmer settings sticking between separate modals with the same dimmer.
New
- Adds responsive modal styling, modal always now sits with 5% gutters under page grid responsive styling
- Adds basic modal variation
Fixes
- Issue with modal active state not being removed correctly from modals
- Swaps modal and dropdown to use same variable naming pattern as rest of modules
- Removed selector count from performance logs
New
- Added new font icon set using Font Awesome port
- Adds dropdown icon sexiness to accordions, now with rotating pointing arrows
- Added old icon set as a separate basic icon set
- Added fluid input variation
- Increased size of corner labels
- Adds relaxed grid variation with increased gutters
- Added relaxed and very relaxed list type with increased padding
Fixes
- Rating icon missing font content with icon font update
- Padding on side of rating
- Adds horizontally padded, vertically padded menu item variations to allow menu items to remove padding
- Added fixes to tabular menu especially with attached content
- UI Loaders now positioned automatically in all circumstances, even with long text
- Connected items no longer assume 3 items per row
- Fixes display of left corner icon labels
Updates
- Updated documentation for sidebar, transition, and form validation
- Updated list docs
- Accordion settings documentation
- Rating settings documentation