Browse Source

Fixes margin on icon button right icon #3525

pull/3704/head
Jack Lukic 8 years ago
parent
commit
d9c88a0de0
2 changed files with 6 additions and 1 deletions
  1. 1
      RELEASE-NOTES.md
  2. 6
      src/definitions/elements/button.less

1
RELEASE-NOTES.md

@ -12,6 +12,7 @@
-**Divider** - Fixed issue where descenders like "g" would be cut off in `horizontal divider` #3585 -**Divider** - Fixed issue where descenders like "g" would be cut off in `horizontal divider` #3585
-**Popup** - Fixed issue where checking `instanceof SVGGraphicsElement` caused error in IE11 #3043 -**Popup** - Fixed issue where checking `instanceof SVGGraphicsElement` caused error in IE11 #3043
-**Form Validation / Dropdown** - Fixed issue where using "enter" key in a `search dropdown` could cause a form to be submitted #3676 -**Form Validation / Dropdown** - Fixed issue where using "enter" key in a `search dropdown` could cause a form to be submitted #3676
-**Button** - Fixes issue where `right icon` like `right arrow icon` would have additional margin inside an `icon button` #3525
**Enhancements** **Enhancements**
- **Build Tools** - Added new `autoInstall` option to allow for Semantic to be installed without user interaction. See [docs explanation](http://www.semantic-ui.com/introduction/advanced-usage.html#Auto-Install) for how to use. #3616 **Thanks @algorithme** - **Build Tools** - Added new `autoInstall` option to allow for Semantic to be installed without user interaction. See [docs explanation](http://www.semantic-ui.com/introduction/advanced-usage.html#Auto-Install) for how to use. #3616 **Thanks @algorithme**

6
src/definitions/elements/button.less

@ -591,7 +591,11 @@
vertical-align: @iconVerticalAlign; vertical-align: @iconVerticalAlign;
color: @iconColor; color: @iconColor;
} }
.ui.button > .right.icon:not(.button) {
.ui.button:not(.icon) > .icon:not(.button) {
margin: @iconMargin;
}
.ui.button:not(.icon) > .right.icon:not(.button) {
margin: @rightIconMargin; margin: @rightIconMargin;
} }

Loading…
Cancel
Save