Semantic UI 1.7.0 发布,更新内容如下:
Project- Right-to-left (RTL) support added. New gulp tasks for RTL file generation and install setting. Docs however do not yet support RTL. Thanks @MohammadYounes for constant support with RTL! .
Project- Install now let you specify the outputted file permissions (express/custom install)
功能增强
Grid- Added equal width
variation using flex-box
, equal height
now also uses flex-box
(this may have to be removed if causes unexpected browser issues)
Sidebar- Having a sidebar visible on page load is now much simpler. You can include ui visible sidebar
on page load to have a sidebar element appear on page load. To close call $('.ui.sidebar').sidebar('hide')
Sidebar- Added documentation on using sidebar on a custom context. Sidebars using a custom context no longer add background colors like those initialized on body
Site- Form input highlighting color added (helps differentiate form colors with autocompleted fields). Default text highlighting color moved from highlighter yellow to a mellow blue.
Dropdown- Javascript Dropdown can now be disabled by adding ` disabled
class. No need to call destroy
. Thanks Psyton
Dropdown- Search dropdown input can now have backgrounds. Fixes issues with autocompleted search dropdowns which have forced yellow "autocompleted" bg.
Dropdown- Fix issue with search selection not correctly matching when values are not strings
Progress- Progress bars can now display percent or amount left using {value}
in text templates
Dropdown- New upward dropdown
variation, which opens its menu upward. Default animation now uses ` settings.transition = 'auto'
and determines direction of animation based on menu direction
Dropdown- Dropdown matching fields without values now trims whitespace by default
Checkbox- Checkbox now toggles on spacebar when focused (previously only toggled on enter key).
Popup- Popup now uses its own custom method for determining offsetParent
meaning 3D contexts (like inside an animation) no longer should break positioning
Popup- Popup now uses preserve: false
by default, this is slightly less performant but will reduce page clutter caused by leaving generated elements in the DOM
Build- Dist/
files now set file permissions in build. by default. Can adjust in semantic.json
or during gulp install. You will need to run npm install
to add the new gulp-chmod dependency Thanks @PeterDaveHello
Sidebar- setup layout
not occurs synchronously if you initialize a sidebar without the proper html. This makes sure calls to sidebar will occur correctly before the page is setup. A new setting delaySetup
will override this, increasing performance.
Modules- Remove use of deprecated .size()
for .length
across all modules
Modules- Use of $.proxy
swapped to native function.call()
for performance gains across all modules
Bugs 修复
Video- Video component now uses //
instead of defaulting to http
Dropdown- restore defaults
will now set placeholder styling and remove active elemenet. Added example in docs.
Dropdown- Fixed bug where sub menus may sometimes have dropdown icon overlap text
Dropdown- Fixes dropdown search input from filtering text values when input is inside menu, i.e "In-Menu Search"
Dropdown- Fix issue with search selection not correctly creating RegExp when select values are not strings Thanks @alufers
Dropdown- Fix issue with left floated
and right floated
content sometimes not applying correctly
Popup- wide
and very wide
popup will now appear when screen size is below their max-width
Popup- Popup no longer blurs element on popup hide
Segment- ui tabular menu
now correctly aligns with attached segment when using fluid variation Thanks @MohammadYounes
Segment- basic segment
no longer removes padding on first and last elements
Steps- Steps now use table-cell
to allow steps to be equal height by default, even with different content height.
Button- Fix issue with labeled icon groups in material theme
Progress- Fixes bug with progress that use total
and value
receiving the wrong values for text templates
List- Fix some styling issues with ui list
inside ui menu
Semantic UI 1.7.1 发布,主要是 bug 修复,更新内容如下:
Installer- Fixes installer not including RTL parameter correctly
UI- Fixes progress
, ad
, and sidebar
not loading .override
files correctly
Removed undocumented components from theme.config.example
Semantic UI—完全语义化的前端界面开发框架,跟Bootstrap 和Foundation 比起来,还是有些不同的,在功能特性上、布局设计上、用户体验上均存在很多差异。
文档和演示非常完善
易于学习和使用
配备网格布局
支持Sass 和LESS 动态样式语言
有一些非常实用的附加配置,例如 inverted 类。
对于社区贡献来说是比较开放的。
有一个非常好的按钮实现,情态动词,和进度条。
在许多功能上使用图标字体。
Semantic UI 对浏览器的支持:
Last 2 Versions FF, Chrome, IE (aka 10+)
Safari 6
IE 9+ (Browser prefix only)
Android 4
Blackberry 10