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

fix button spaces #3279

Merged
merged 14 commits into from
Sep 6, 2023
Merged

fix button spaces #3279

merged 14 commits into from
Sep 6, 2023

Conversation

AsmaaNabilBakr
Copy link
Contributor

@AsmaaNabilBakr AsmaaNabilBakr commented Sep 4, 2023

Closes #3891

What changed?

This PR related to #3985 PR in weave-gitops to fix #3891 issue to update ActionWrapper for buttons with a gap to fix spacing between them.

How did you validate the change?

  • Explain how a reviewer can verify the change themselves

    1. Clone adjust-spacing branch from weave-gitops
    2. navigate to /ui-cra folder in EE
    3. run make core-ui && make core-lib
    4. run WEGO_EE_PROXY_HOST=https://demo-01.wge.dev.weave.works// yarn start

@AsmaaNabilBakr AsmaaNabilBakr added the ui_triage Cross-team/project UI issues for triage label Sep 4, 2023
@AsmaaNabilBakr AsmaaNabilBakr added area/ui and removed ui_triage Cross-team/project UI issues for triage labels Sep 4, 2023
@AsmaaNabilBakr AsmaaNabilBakr self-assigned this Sep 4, 2023
@AsmaaNabilBakr AsmaaNabilBakr added ui_triage Cross-team/project UI issues for triage and removed area/ui labels Sep 4, 2023
@@ -47,7 +47,7 @@ const WGApplicationsDashboard: FC = ({ className }: any) => {
]}
>
<NotificationsWrapper errors={automations?.errors}>
<ActionsWrapper>
<ActionsWrapper gap="12">
Copy link
Contributor

Choose a reason for hiding this comment

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

I believe 8px as a gap 'd be better . @alfaris

Copy link

Choose a reason for hiding this comment

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

Let it to be 12px as it's now on most of the designs and implementation

@@ -60,10 +60,6 @@ interface Size {

export const ActionsWrapper = styled(Flex)<Size>`
margin-bottom: ${({ theme }) => theme.spacing.medium};
Copy link
Contributor

Choose a reason for hiding this comment

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

Now after we removed most of the styles, we don't need ActionWrapper anymore as we can depend on the gap in flex without setting margin

foot and others added 6 commits September 6, 2023 11:59
* Search replace all the ui-cra to ui
* and move package.json to root
* run eject
* Update fields in cluster-service API to be snake_case
* Make sure all network requests in the UI use the protobuf types
* And remove all a lot of unused code in the FE too


---------

Co-authored-by: Simon Howe <[email protected]>
Co-authored-by: Simon <[email protected]>
Bumps [@adobe/css-tools](https://github.com/adobe/css-tools) from 4.2.0 to 4.3.1.
- [Changelog](https://github.com/adobe/css-tools/blob/main/History.md)
- [Commits](https://github.com/adobe/css-tools/commits)

---
updated-dependencies:
- dependency-name: "@adobe/css-tools"
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Simon <[email protected]>
Bumps [async](https://github.com/caolan/async) from 2.6.3 to 2.6.4.
- [Release notes](https://github.com/caolan/async/releases)
- [Changelog](https://github.com/caolan/async/blob/v2.6.4/CHANGELOG.md)
- [Commits](caolan/async@v2.6.3...v2.6.4)

---
updated-dependencies:
- dependency-name: async
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Simon <[email protected]>
* Add gitopsset kind to supported objects in explorer query

* add gitopssets to rbac rules

* Add gitopssets to ToFluxObject

* Add gitopssets to getKindRoute fn in ui

* Add gitopssets query server testcase to server integration tests

* Use allowGitOpsSetsAnyOnDefaultNamespace for gitopsset support query server test

* Add gitopssets crd to query suite test

* changed category gitopsset (#3290)

---------

Co-authored-by: Eneko Fernández <[email protected]>
@AsmaaNabilBakr AsmaaNabilBakr added area/ui enhancement New feature or request and removed enhancement New feature or request area/ui labels Sep 6, 2023
@ahussein3 ahussein3 added the enhancement New feature or request label Sep 6, 2023
@AsmaaNabilBakr AsmaaNabilBakr merged commit eabbb6a into main Sep 6, 2023
@AsmaaNabilBakr AsmaaNabilBakr deleted the fix-spacing-style branch September 6, 2023 13:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request ui_triage Cross-team/project UI issues for triage
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Space in between buttons and weird black line
7 participants