转载

Semantic UI 1.7.0/1.7.1 发布,前端 UI 框架

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

Code / Build

  • 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 比起来,还是有些不同的,在功能特性上、布局设计上、用户体验上均存在很多差异。

Semantic UI 特点:

  • 文档和演示非常完善

  • 易于学习和使用

  • 配备网格布局

  • 支持Sass 和LESS 动态样式语言

  • 有一些非常实用的附加配置,例如 inverted 类。

  • 对于社区贡献来说是比较开放的。

  • 有一个非常好的按钮实现,情态动词,和进度条。

  • 在许多功能上使用图标字体。

Semantic UI 对浏览器的支持:

  • Last 2 Versions FF, Chrome, IE (aka 10+)

  • Safari 6

  • IE 9+ (Browser prefix only)

  • Android 4

  • Blackberry 10

Semantic UI 1.7.0/1.7.1 发布,前端 UI 框架

正文到此结束
Loading...