Semantic-Org / Semantic-UI

Semantic is a UI component framework based around useful principles from natural language.
http://www.semantic-ui.com
MIT License
51.11k stars 4.94k forks source link

[Message] `color` overwrites `floating` #6590

Open tordans opened 6 years ago

tordans commented 6 years ago

Steps

  1. open https://react.semantic-ui.com/collections/message/#variations-floating
  2. edit floating and add a color
import React from 'react'
import { Message } from 'semantic-ui-react'

const MessageExampleFloating = () => <Message floating color="orange">Way to go!</Message>

export default MessageExampleFloating

Expected Result

Something like this, which I created by removing some styles via the inspector:

floating with color and inspector

Actual Result

floating with color

Without the color the element looks correct:

floating

Version

v0.82.5 (2018-09-12) i guess?

lubber-de commented 5 years ago

Fixed in https://github.com/fomantic/Fomantic-UI 2.6.0