Skip to content
This repository has been archived by the owner on Jun 29, 2023. It is now read-only.

feat: new calcite-shell-center-row component and updated slot for calcite-shell #950

Merged
merged 19 commits into from
May 1, 2020

Conversation

asangma
Copy link
Contributor

@asangma asangma commented Apr 30, 2020

There are some things that might need rethinking here, but I am not sure.

One super minor thing is whether we should rename bottom-panel to center-panel and give it an alignment prop for top and bottom.

The major things are

  • how do we do detached with the bottom slot, right now, I'm just targeting that property
  • do we need to make a "center-panel" or "bottom-panel" component in the same way that we have a "shell-panel"?

cc @kat10140 @jcfranco

@asangma asangma added this to the Lumpy Space Princess milestone Apr 30, 2020
@asangma asangma requested a review from driskull April 30, 2020 00:11
@asangma
Copy link
Contributor Author

asangma commented Apr 30, 2020

Generally looking pretty good tho.
image

@asangma asangma changed the title Asangma/shell bottom panel feat(shell): style updates for bottom-panel Apr 30, 2020
@asangma asangma self-assigned this Apr 30, 2020
Copy link
Member

@driskull driskull 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 besides the changes to the .tsx file.

@asangma asangma marked this pull request as ready for review May 1, 2020 01:10
@asangma asangma requested a review from a team as a code owner May 1, 2020 01:10
@asangma asangma requested a review from jcfranco May 1, 2020 01:10
@asangma asangma changed the title feat(shell): style updates for bottom-panel feat: new calcite-shell-center-row component and updated slot for calcite-shell May 1, 2020
Copy link
Member

@driskull driskull 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! just had a few comments/questions.

@asangma
Copy link
Contributor Author

asangma commented May 1, 2020

Oh! I forgot to add a Storybook.

@asangma asangma changed the base branch from dris0000/shell-bottom-panel to master May 1, 2020 16:43
Copy link
Member

@driskull driskull left a comment

Choose a reason for hiding this comment

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

Some stuff to fix! 🥳

Copy link
Member

@driskull driskull left a comment

Choose a reason for hiding this comment

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

👍 🥇

@asangma
Copy link
Contributor Author

asangma commented May 1, 2020

Thanks @driskull!

@asangma
Copy link
Contributor Author

asangma commented May 1, 2020

I shall MURGLE unless you have any concerns, @jcfranco. :)

@asangma
Copy link
Contributor Author

asangma commented May 1, 2020

Hurm...there might be a layout bug I overlooked.

Copy link
Member

@jcfranco jcfranco left a comment

Choose a reason for hiding this comment

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

Had a few comments, but this is looking noicely! 😎

expect(isVisible).toBe(true);
});

it("should be accessible", async () => {
Copy link
Member

Choose a reason for hiding this comment

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

FIXME: Drop the curly braces to properly wire up the test. accessible returns a promise that needs to be passed as the test (similar to the other tests using the helpers).

it("should be accessible", async () => 
    accessible("<calcite-shell-center-row><div>content</div></calcite-shell-center-row>")
);

}
]));

it("should show row content", async () => {
Copy link
Member

Choose a reason for hiding this comment

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

What is this test for? It doesn't seem to be testing behavior.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Heh...I was totes copying what shell-panel did. I can remove it.

Copy link
Member

Choose a reason for hiding this comment

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

👌

src/demos/shell/block-configurations.html Outdated Show resolved Hide resolved
@asangma
Copy link
Contributor Author

asangma commented May 1, 2020

Thanks @jcfranco ! I'll make updates.

@asangma
Copy link
Contributor Author

asangma commented May 1, 2020

@jcfranco Updated! 🚀

@driskull
Copy link
Member

driskull commented May 1, 2020

Nice @asangma !!! 🥳

@asangma
Copy link
Contributor Author

asangma commented May 1, 2020

Thanks you rockers! 🤘🏽

@asangma asangma merged commit 56a47d4 into master May 1, 2020
@asangma asangma deleted the asangma/shell-bottom-panel branch May 1, 2020 20:25
@jcfranco
Copy link
Member

jcfranco commented May 1, 2020

murgles

MURGLES!

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants