Skip to content
This repository has been archived by the owner on Jan 3, 2024. It is now read-only.

Remove icon prop, UIKit styles and add css grid into buttons #418

Merged
merged 1 commit into from
Sep 14, 2020

Conversation

LukasHirt
Copy link
Contributor

@LukasHirt LukasHirt commented Jul 12, 2019

Motivation

Having complete freedom when adding icons and using the css grid to preserve our defined gutters.

Related issue

Screenshot

image

@LukasHirt LukasHirt added enhancement New feature or request 3 - To Review labels Jul 12, 2019
@LukasHirt LukasHirt self-assigned this Jul 12, 2019
@LukasHirt LukasHirt force-pushed the feature/icon-on-right-in-button branch from 09f8b7e to d3aa49e Compare July 12, 2019 14:52
src/elements/OcButton.vue Outdated Show resolved Hide resolved
@PVince81
Copy link
Contributor

do we have a concrete example where we need this in Phoenix ?

should we move forward ?

@LukasHirt
Copy link
Contributor Author

do we have a concrete example where we need this in Phoenix ?

Needed e. g. in roles dropdown in collaborators to add chevron on the right side of the button to really tell users that it is select and not just a button.

image

@PVince81
Copy link
Contributor

Ah, I didn't realize that the role field was a button

@LukasHirt
Copy link
Contributor Author

@PVince81 @DeepDiver1975 Is here agreement on a solution? I'd go ahead and implement either of them, just let me know which one 😉

@LukasHirt LukasHirt force-pushed the feature/icon-on-right-in-button branch from d3aa49e to 9d715ec Compare January 10, 2020 17:03
@LukasHirt
Copy link
Contributor Author

Code updated. @DeepDiver1975 pls re-review

@LukasHirt LukasHirt force-pushed the feature/icon-on-right-in-button branch from 9d715ec to 88c57c6 Compare July 16, 2020 09:12
@LukasHirt LukasHirt changed the title Added icons for both sides and changed padding Remove icon prop, UIKit styles and add css grid into buttons Jul 16, 2020
@LukasHirt LukasHirt dismissed DeepDiver1975’s stale review July 16, 2020 09:15

The scope of this PR changed quite and have different changes.

@LukasHirt LukasHirt force-pushed the feature/icon-on-right-in-button branch from 88c57c6 to 65320e2 Compare July 16, 2020 09:16
@LukasHirt
Copy link
Contributor Author

@PVince81 @kulmann The scope of this PR has changed a lot. It now removes the UIKit styles from the button, removes the icon prop completely and uses css grid. Pls review

@LukasHirt LukasHirt added this to In progress in oCIS Sprint 20-14 via automation Jul 16, 2020
@LukasHirt LukasHirt moved this from In progress to To review in oCIS Sprint 20-14 Jul 16, 2020
@LukasHirt LukasHirt added this to In progress in oCIS Sprint 20-15 via automation Jul 27, 2020
@LukasHirt LukasHirt moved this from In progress to To review in oCIS Sprint 20-15 Jul 27, 2020
&.uk-button-secondary,
&.uk-button-danger {
&-primary,
&-secondary,
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Remove!

Copy link
Contributor

@PVince81 PVince81 left a comment

Choose a reason for hiding this comment

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

👍

@kulmann
Copy link
Member

kulmann commented Sep 7, 2020

Didn't notice this PR until now, sorry. Can you rebase? @LukasHirt

… now

Use css grid, remove UIKit styles from button and move docs into docs block
@LukasHirt LukasHirt force-pushed the feature/icon-on-right-in-button branch from 65320e2 to 932f4e1 Compare September 14, 2020 08:54
@LukasHirt LukasHirt merged commit f3f9e93 into master Sep 14, 2020
@LukasHirt LukasHirt deleted the feature/icon-on-right-in-button branch September 14, 2020 08:59
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
3 - To Review enhancement New feature or request
Projects
No open projects
oCIS Sprint 20-14
  
To review
oCIS Sprint 20-15
  
To review
Development

Successfully merging this pull request may close these issues.

None yet

5 participants