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

Feat/button component#357

Open
GirishSarbhukan wants to merge 8 commits intoTripwire:masterfrom
GirishSarbhukan:feat/button-component
Open

Feat/button component#357
GirishSarbhukan wants to merge 8 commits intoTripwire:masterfrom
GirishSarbhukan:feat/button-component

Conversation

@GirishSarbhukan
Copy link
Copy Markdown
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

Comment thread src/components/ActionListButton/ActionListButton.jsx Outdated
Comment thread src/components/ActionListButton/ActionListButton.jsx Outdated
Comment thread src/components/RolesActionList/RolesActionList.jsx Outdated
Comment thread src/components/RolesActionList/RolesActionList.jsx Outdated
Comment thread src/styles/components/buttons.css Outdated
@@ -0,0 +1,198 @@
@import '../../styles/variables.css';

button.ui.button.octagon{
Copy link
Copy Markdown
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
Copy Markdown
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
Copy Markdown
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.

Comment thread src/components/ActionListButton/ActionListButton.jsx
Comment thread src/components/ActionListButton/ActionListButton.jsx Outdated
Comment thread src/components/RolesActionList/RolesActionList.jsx Outdated
@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.

3 participants