updates rating to include fixes and new features

Former-commit-id: 3052e6f902
Former-commit-id: 7acc1a98fd

RELEASE NOTES.md

@@ -1,24 +1,40 @@
 ## RELEASE NOTES
 
-### Version 0.3.0 - Sep 30, 2013
-
-**Additions**
-- Adds new UI module tab with documentation.
+### Version 0.3.2- Oct 2, 2013
 
 **Updates**
-- Adds new methods to rating, 'get rating', 'clear rating', adds new setting 'clearable'
-- Adds rating as first callback parameter on 'onRate'
+- Updates feed example with more feature examples
+- Adds more sizes to ratings
+- Makes active pagination item style more clear
+- Adds input focus/blur to modal, see Issue #124
+- Adds new methods to rating: 'get rating', 'clear rating', 'disable', 'enable', adds new setting 'clearable'
+
+**Fixes**
+- Right floated list content now receives left margin
+- List items display issues with icons + content
+- Fixes rating line height issue
+- Fixes rating not being sent as first callback parameter on 'onRate'
+- Lists items now auto clear floats
+
+### Version 0.3.1- Sep 30, 2013
+
+**Fixes**
+- Fixes Page Grid still receiving negative margin
+
+### Version 0.3.0- Sep 30, 2013
 
 **Fixes**
+- Responsive Grid is now called "Page Grid". Responsive grids are now deprecated. This reduces confusion.
+- Negative margins are now automatically removed from grids that are descendents of body tag.
 
-### Version 0.2.5 - Sep 30, 2013
+### Version 0.2.5- Sep 28, 2013
 
 **Fixes**
 - Fixes checkbox  selector issue with multiple inputs inside a checkbox
 - Modal no longer uses inline css to center when in fixed position mode
 - Fixes dropdown to now set active item to whatever hidden input field is when using action updateForm
 
-### Version 0.2.4 - Sep 28, 2013
+### Version 0.2.4- Sep 28, 2013
 
 **Updates**
 

src/modules/rating.less

@@ -15,14 +15,14 @@
 
 .ui.rating {
   display: inline-block;
-  vertical-align: middle;
+  vertical-align: baseline;
   margin: 0em 0.5em 0em 0em;
 }
 .ui.rating:last-child {
   margin-right: 0em;
 }
 
-.ui.rating:after {
+.ui.rating:before {
   display: block;
   content: '';
   visibility: hidden;
@@ -33,19 +33,19 @@
 /* Icon */
 .ui.rating .icon {
   cursor: default;
-  float: left;
 
   margin: 0em;
 
   width: 1em;
   height: auto;
   padding: 0em;
+
+  color: rgba(0, 0, 0, 0.15);
   font-weight: normal;
   font-style: normal;
 }
-.ui.rating .icon:after {
+.ui.rating .icon:before {
   content: "\2605";
-  color: rgba(0, 0, 0, 0.15);
 
   -webkit-transition:
     color 0.3s ease,
@@ -84,12 +84,15 @@
 .ui.star.rating .icon:last-child {
   margin: 0em;
 }
-.ui.star.rating .icon:after {
+
+/* Star */
+.ui.star.rating .icon:before {
   content: '\f006';
   font-family: 'Icons';
 }
 
-.ui.star.rating .active.icon:after {
+/* Active Star */
+.ui.star.rating .active.icon:before {
   content: '\f005';
   font-family: 'Icons';
 }
@@ -106,22 +109,26 @@
 .ui.heart.rating .icon:last-child {
   margin: 0em;
 }
-.ui.heart.rating .icon:after {
+.ui.heart.rating .icon:before {
   content: '\f08a';
   font-family: 'Icons';
 }
 
-.ui.heart.rating .active.icon:after {
+/* Active */
+.ui.heart.rating .active.icon:before {
   content: '\f004';
   font-family: 'Icons';
+}
+.ui.heart.rating .active.icon {
   color: #EF404A;
 }
-.ui.heart.rating .hover.icon:after,
-.ui.heart.rating .active.hover.icon:after {
+
+/* Hovered */
+.ui.heart.rating .hover.icon,
+.ui.heart.rating .active.hover.icon {
   color: #FF2733;
 }
 
-
 /*******************************
              States
 *******************************/
@@ -136,7 +143,7 @@
 }
 
 /* active icons */
-.ui.rating .active.icon:after {
+.ui.rating .active.icon {
   color: #FFCB08;
 }
 
@@ -146,13 +153,13 @@
 --------------------*/
 
 /* rating */
-.ui.rating.hover .active.icon:after {
+.ui.rating.hover .active.icon {
   opacity: 0.5;
 }
 
 /* icon */
-.ui.rating .icon.hover:after,
-.ui.rating .icon.hover.active:after {
+.ui.rating .icon.hover,
+.ui.rating .icon.hover.active {
   opacity: 1;
   color: #FFB70A;
 }
@@ -162,15 +169,21 @@
           Variations
 *******************************/
 
-.ui.mini.rating {
-  font-size: 1rem;
-}
 .ui.small.rating {
-  font-size: 1.25rem;
+  font-size: 0.75em;
 }
 .ui.rating {
-  font-size: 1.5rem;
+  font-size: 1em;
 }
 .ui.large.rating {
-  font-size: 2rem;
+  font-size: 1.5em;
+  vertical-align: middle;
+}
+.ui.huge.rating {
+  font-size: 2em;
+  vertical-align: middle;
+}
+.ui.massive.rating {
+  font-size: 3em;
+  vertical-align: middle;
 }

src/views/list.less

@@ -108,9 +108,11 @@ ol.ui.list li,
 
 /* Floated Content */
 .ui.list .item > .left.floated {
+  margin-right: 1em;
   float: left;
 }
 .ui.list .item > .right.floated {
+  margin-left: 1em;
   float: right;
 }