Browse Source

Add right/left floated lists

pull/2755/head
jlukic 9 years ago
parent
commit
d0d42c4941
2 changed files with 8 additions and 0 deletions
  1. 1
      RELEASE-NOTES.md
  2. 7
      src/definitions/elements/list.less

1
RELEASE-NOTES.md

@ -8,6 +8,7 @@
- **Menu** - Appearance of `labeled icon menu` has been modified. Horizontal menus now have icons above text, and icons are slightly larger than before. - **Menu** - Appearance of `labeled icon menu` has been modified. Horizontal menus now have icons above text, and icons are slightly larger than before.
- **Menu** - Added new `tabular` menu types, `right tabular`, `bottom tabular`, added many new `tabular` menu variables for customizing - **Menu** - Added new `tabular` menu types, `right tabular`, `bottom tabular`, added many new `tabular` menu variables for customizing
- **Menu** - `text menu` now uses padding for hitboxes to make target area for links larger - **Menu** - `text menu` now uses padding for hitboxes to make target area for links larger
- **List** - Lists can now be `right floated` or `left floated`
**[Reported Bugs](https://github.com/Semantic-Org/Semantic-UI/issues?q=is%3Aissue+milestone%3A2.1.0+is%3Aclosed)** **[Reported Bugs](https://github.com/Semantic-Org/Semantic-UI/issues?q=is%3Aissue+milestone%3A2.1.0+is%3Aclosed)**
- **Container** - Fix issue with `fluid container` being `100% + gutter` at mobile resolution (causing overflow) - **Container** - Fix issue with `fluid container` being `100% + gutter` at mobile resolution (causing overflow)

7
src/definitions/elements/list.less

@ -220,6 +220,13 @@ ol.ui.list ol li,
} }
/* Floated Content */ /* Floated Content */
.ui[class*="left floated"].list {
float: left;
}
.ui[class*="right floated"].list {
float: right;
}
.ui.list .list > .item [class*="left floated"], .ui.list .list > .item [class*="left floated"],
.ui.list > .item [class*="left floated"] { .ui.list > .item [class*="left floated"] {
float: left; float: left;

Loading…
Cancel
Save