Browse Source

Add sizing to form, fix link icon style

pull/4074/head
Jack Lukic 9 years ago
parent
commit
cc891bd5af
4 changed files with 19 additions and 11 deletions
  1. 5
      RELEASE-NOTES.md
  2. 19
      src/definitions/collections/form.less
  3. 4
      src/themes/default/elements/icon.overrides
  4. 2
      src/themes/default/globals/site.variables

5
RELEASE-NOTES.md

@ -5,7 +5,7 @@
**Major Enhancements**
- **Popup** - Added new settings `autoRemove`, which is enabled by default. This will add special event listeners to auto hide a popup if the triggering element is removed from the DOM. This is useful in controlled DOM environments like Meteor/Ember/React to ensure a popup auto-hides itself when a page navigation or other DOM change occurs.
- **Dropdown** - Added new setting for search selection `hideAdditions` this will remove showing user additions inside the menu, making for a more intuitive adding process. Dropdowns now have a new state `empty` which will format an active dropdown with empty results. #3791
- **All UI** - All UI now include _all_ sizing variations, `mini`, `tiny`, `small`, `large`, `big`, `huge`, `massive`
- **All UI** - All UI now include _all_ sizing variations, `mini`, `tiny`, `small`, `large`, `big`, `huge`, `massive`. Headers remain with only 5 sizes `small-huge` to match `H1-H5`
- **Icons** - 50+ new icons+ are included. Icons now use the latest Font Awesome `4.5.0` Icons. Thanks @BreadMaker for the PR and @davegandy for the font!
- **Progress** - Progress now uses a polling interval for updates. Rapidly updating the progress bar over a period quicker than the animation duration (for example with xhr `onprogress` events say every 50ms) will now appear smooth as butter.
- **Modules** - Added new setting `silent` to all modules which allows you to disable **all** console output including errors. This can be useful for preventing known errors, like a popup which cannot place itself on screen, or `sticky` content which initializes before it is visible #3713
@ -70,6 +70,9 @@
- **Table-- `definition table` now supports `definition` variation to specify definition styles on an element that is not `:first-child`
-**Table** - More granular variables for controlling style on first column in a `definition table`
**Changes**
- **Sizing** - `mini` the smallest size has been modified to align to `11px` instead of previous `10px` at base em size
**Docs**
- **Progress** - Added new examples to progress
- **Progress** - Added all available behaviors with progress

19
src/definitions/collections/form.less

@ -1016,24 +1016,29 @@
Sizes
---------------------*/
/* Standard */
.ui.mini.form {
font-size: @mini;
}
.ui.tiny.form {
font-size: @tiny;
}
.ui.small.form {
font-size: @small;
}
/* Medium */
.ui.form {
font-size: @medium;
}
/* Large */
.ui.large.form {
font-size: @large;
}
/* Huge */
.ui.big.form {
font-size: @big;
}
.ui.huge.form {
font-size: @huge;
}
.ui.massive.form {
font-size: @massive;
}
.loadUIOverrides();

4
src/themes/default/elements/icon.overrides

@ -523,7 +523,7 @@ i.icon.ordered.list:before { content: "\f0cb"; }
i.icon.strikethrough:before { content: "\f0cc"; }
i.icon.underline:before { content: "\f0cd"; }
i.icon.paste:before { content: "\f0ea"; }
i.icon.unlink:before { content: "\f127"; }
i.icon.unlinkify:before { content: "\f127"; }
i.icon.superscript:before { content: "\f12b"; }
i.icon.subscript:before { content: "\f12c"; }
i.icon.header:before { content: "\f1dc"; }
@ -750,7 +750,7 @@ i.icon.globe:before { content: "\f0ac"; }
i.icon.wrench:before { content: "\f0ad"; }
i.icon.briefcase:before { content: "\f0b1"; }
i.icon.group:before { content: "\f0c0"; }
i.icon.link:before { content: "\f0c1"; }
i.icon.linkify:before { content: "\f0c1"; }
i.icon.chain:before { content: "\f0c1"; }
i.icon.flask:before { content: "\f0c3"; }
i.icon.sidebar:before { content: "\f0c9"; }

2
src/themes/default/globals/site.variables

@ -98,7 +98,7 @@
This ensures these "ratios" remain constant despite changes in EM
*/
@miniSize : (10 / 14);
@miniSize : (11 / 14);
@tinySize : (12 / 14);
@smallSize : (13 / 14);
@mediumSize : (14 / 14);

Loading…
Cancel
Save