Skip to content
This repository has been archived by the owner on Aug 18, 2020. It is now read-only.

Feat/button component #357

Open
wants to merge 8 commits into
base: master
Choose a base branch
from

Conversation

GirishSarbhukan
Copy link
Contributor

Updated button components as per UX mock up:

  1. Primary Button
  2. Secondary Button
  3. Default Button
  4. Default Button with icon
  5. Text Button with icon
  6. Icon button with text
  7. Icon Button (Close)
  8. Action Menu

Below are pending points#:
Dynamically passing items within Action menu.
..

UX Link for reference:
https://preview.uxpin.com/f5e0edd46a04128e1767b0cd57bdc2ddadcee475#/pages/100711315/simulate/sitemap

src/components/ActionListButton/ActionListButton.jsx Outdated Show resolved Hide resolved
src/components/ActionListButton/ActionListButton.jsx Outdated Show resolved Hide resolved
src/components/RolesActionList/RolesActionList.jsx Outdated Show resolved Hide resolved
src/components/RolesActionList/RolesActionList.jsx Outdated Show resolved Hide resolved
@@ -0,0 +1,198 @@
@import '../../styles/variables.css';

button.ui.button.octagon{
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You are overriding parts of the SUI theme here, so this all needs to be part of the semantic-ui-theme overrides for the Button component. Otherwise, this is going to cause some very strange behavior by changing global button styles depending on if/when you import your new component.s

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@GirishSarbhukan @youngbob
Hi Bob,
I believe this is the last remaining item that needs to be resolved. I want to clarify what needs to be done so we can push this to completion.

  1. These styles should be in buttons.overrides instead of buttons.css.
  2. File imports should be adjusted as necessary.
  3. Style updates should be confined to Button
    (e.g. line 213 '.visible.transition.disabled' is probably to global)

Bob, feel free to adjust this or add to this if needed.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That sounds right to me.

@bespokebob bespokebob mentioned this pull request Feb 19, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants