Unify styling in react-component - like in HTML template

asyncapi / shape-up-process

This repo contains pitches and the current cycle bets. More info about the Shape Up process: https://basecamp.com/shapeup

https://shapeup.asyncapi.io

11 stars 8 forks source link

Unify styling in react-component - like in HTML template #86

Closed magicmatatjahu closed 3 years ago

magicmatatjahu commented 3 years ago

React component uses from beginning "fiori" styling. We should start using styling from HTML (TailwindCSS) to have unified styling across studio, component and website.

asyncapi-bot commented 3 years ago

Hey! You've labeled this issue as a Scope. Remember you can use the following command to inform about its progress:

/progress <percentage> [message]

/progress <percentage>

A mutiline message.
It supports **Markdown**.

Example:

/progress 40 We're still figuring out how to implement this. We have an idea but it is not yet confirmed it will work.

/progress 50

A few notes:

* We got this figured out :tada:
* We're going to use [this library](#link-to-website) to avoid losing time implementing this algorithm.
* We decided to go for the quickest solution and will improve it if we got time at the end of the cycle.

:weight_lifting_woman: See the progress on the Shape Up Dashboard.

magicmatatjahu commented 3 years ago

/progress 10 Start using TailwindCSS in react-component. First PR: https://github.com/asyncapi/asyncapi-react/pull/269

magicmatatjahu commented 3 years ago

/progress 15 Info component uses TailwindCSS - commit

magicmatatjahu commented 3 years ago

/progress 60 In https://github.com/asyncapi/asyncapi-react/pull/296:

add config for TailwindCSS
styling Info, half of Servers, Operations, Message, Schema
left to styling: Sidebar, Examples for Message and mobile menu.

magicmatatjahu commented 3 years ago

/progress 75 In asyncapi/asyncapi-react#296:

styling missed parts in Servers, Operations, Messages.
left to styling: Sidebar, Examples for Message (for html-template resolution) and for mobiles.

magicmatatjahu commented 3 years ago

/progress 90 In asyncapi/asyncapi-react#301:

styling Sidebar, Examples for Message (for html-template resolution) and for mobiles.

magicmatatjahu commented 3 years ago

/progress 99 Waiting for review in https://github.com/asyncapi/asyncapi-react/pull/310 It's a last PR before the "final" PR to master. There is a 1-2 days delay in delivering the task (let's see how long it will take to merge), but I think that the task is finished, it's only waiting for review (partially done in https://github.com/asyncapi/html-template/pull/166) and merge.

magicmatatjahu commented 3 years ago

/progress 100 https://github.com/asyncapi/asyncapi-react/pull/310 is merged.