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