Skip to content
This repository has been archived by the owner on Nov 30, 2022. It is now read-only.

745 - [Datastore Management] Keep datastore cards in 1/3 screen pattern #873

Merged
merged 8 commits into from
Jul 18, 2022
Merged

745 - [Datastore Management] Keep datastore cards in 1/3 screen pattern #873

merged 8 commits into from
Jul 18, 2022

Conversation

chriscalhoun1974
Copy link
Contributor

@chriscalhoun1974 chriscalhoun1974 commented Jul 13, 2022

Purpose

-When only 1 or 2 connections exist, the datastore cards stretch to fill the screen. In the mocks they're a consistent 1/3 of the screen.

Changes

Datastore Management should have a 3 column layout which is consistent with Figma design.

Checklist

  • Update CHANGELOG.md file
    • Merge in main so the most recent CHANGELOG.md file is being appended to
    • Add description within the Unreleased section in an appropriate category. Add a new category from the list at the top of the file if the needed one isn't already there.
    • Add a link to this PR at the end of the description with the PR number as the text. example: #1
  • Applicable documentation updated (guides, quickstart, postman collections, tutorial, fidesdemo, database diagram.
  • If docs updated (select one):
    • documentation complete, or draft/outline provided (tag docs-team to complete/review on this branch)
    • documentation issue created (tag docs-team to complete issue separately)
  • Good unit test/integration test coverage
  • This PR contains a DB migration. If checked, the reviewer should confirm with the author that the down_revision correctly references the previous migration before merging
  • The Run Unsafe PR Checks label has been applied, and checks have passed, if this PR touches any external services

Ticket

Fixes #745

Screen Shot 2022-07-13 at 4 24 35 PM
Screen Shot 2022-07-13 at 4 25 01 PM

@chriscalhoun1974 chriscalhoun1974 marked this pull request as ready for review July 13, 2022 20:25
@pattisdr
Copy link
Contributor

The 1/3 change looks great! As a side note, it looks a little unfinished to me without a bottom border.
Screen Shot 2022-07-13 at 4 31 39 PM

@chriscalhoun1974
Copy link
Contributor Author

chriscalhoun1974 commented Jul 14, 2022

@pattisdr Thanks for the feedback. Added the bottom border now.

Screen Shot 2022-07-13 at 10 42 15 PM

Here is the Figma design. You will notice the bottom row is bottom borderless. I will verify with Adria and Simon first thing in the morning to get a consensus.

Screen Shot 2022-07-13 at 10 45 47 PM

@chriscalhoun1974
Copy link
Contributor Author

If there is more than one row and the row is complete (contains 3 cards) will a bottom border be displayed from my discussion with Simon based on the Figma design.

Screen Shot 2022-07-14 at 9 54 11 AM
Screen Shot 2022-07-14 at 9 54 57 AM
Screen Shot 2022-07-14 at 9 55 47 AM
Screen Shot 2022-07-14 at 9 59 49 AM

Copy link
Contributor

@TheAndrewJackson TheAndrewJackson left a comment

Choose a reason for hiding this comment

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

Looks good! Thanks for fixing the borders too. That's a great fix to get in as well.

@TheAndrewJackson TheAndrewJackson merged commit 2f38ec1 into ethyca:main Jul 18, 2022
sanders41 pushed a commit that referenced this pull request Sep 22, 2022
…rn (#873)

* 745 - [Datastore Management] Keep datastore cards in 1/3 screen pattern

* 745 - [Datastore Management] Keep datastore cards in 1/3 screen pattern

Refactored the Datastore Management column border layout design to match Figma.

* Updated CHANGELOG.md file

* 45 - [Datastore Management] Keep datastore cards in 1/3 screen pattern

* 745 - [Datastore Management] Keep datastore cards in 1/3 screen pattern

* Fixed import statement
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.

[Datastore Management] Keep datastore cards in 1/3 screen pattern
3 participants