Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add button component (twig) #188

Merged
merged 10 commits into from
May 24, 2022
Merged

Add button component (twig) #188

merged 10 commits into from
May 24, 2022

Conversation

TatianaFomina
Copy link
Contributor

Adds configurable button "component" for twig templates.

Resolves #178

@@ -0,0 +1,3 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
Copy link
Contributor Author

Choose a reason for hiding this comment

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

there's something wrong with icons in figma mockups

src/frontend/styles/components/button.pcss Show resolved Hide resolved
@@ -0,0 +1,86 @@
.docs-button {
display: flex;
Copy link
Member

Choose a reason for hiding this comment

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

maybe inline-flex would be better?

src/frontend/styles/components/button.pcss Show resolved Hide resolved
font-size: 13px;
margin-left: 10px;
margin-left: 20px;
display: inline-block;
Copy link
Member

Choose a reason for hiding this comment

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

could be removed i guess

src/frontend/styles/vars.pcss Show resolved Hide resolved
@neSpecc
Copy link
Member

neSpecc commented May 16, 2022

Two similar icons. Lets leave the single one.

image

--color-button-primary-hover: #2E7AE6;
--color-button-primary-active: #296DCC;

--color-button-secondary: #F3F6F8;
Copy link
Contributor Author

Choose a reason for hiding this comment

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

btw mockups did not contain grey button example, so, i picked random grey shade. @neSpecc can you please verify the color?

Copy link
Member

@neSpecc neSpecc left a comment

Choose a reason for hiding this comment

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

Sorry that I've touched your PR. I have been trying to resolve issues caused by my imperfections at the UI design process. So I've updated Figma icons and mockups itself, and then pushed new icons and dimesions to the branch to debug it.

@TatianaFomina TatianaFomina merged commit f714225 into main May 24, 2022
@TatianaFomina TatianaFomina deleted the feat/new-button branch May 24, 2022 04:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

ui: update button style
4 participants