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

[Panel & Flow Item] Add "content-bottom" slot #8979

Closed
2 of 6 tasks
geospatialem opened this issue Mar 21, 2024 · 6 comments
Closed
2 of 6 tasks

[Panel & Flow Item] Add "content-bottom" slot #8979

geospatialem opened this issue Mar 21, 2024 · 6 comments
Assignees
Labels
4 - verified Issues that have been released and confirmed resolved. Calcite (design) Issues logged by Calcite designers. calcite-components Issues specific to the @esri/calcite-components package. design Issues that need design consultation prior to development. enhancement Issues tied to a new feature or request. estimate - 3 A day or two of work, likely requires updates to tests. impact - p2 - want for an upcoming milestone User set priority impact status of p2 - want for an upcoming milestone p - high Issue should be addressed in the current milestone, impacts component or core functionality ready for dev Issues ready for development implementation.

Comments

@geospatialem
Copy link
Member

geospatialem commented Mar 21, 2024

Check existing issues

Description

Add a new slot to the panel and flow-item components - "content-bottom" so we can render in new a Dialog component using the "sticky" functionality currently provided in the Modal component.

Acceptance Criteria

  1. Slot should be sticky as it is Modal
  2. Slot should come with overridable padding
  3. The following css vars should be added to match Modal's current overrides:
    --calcite-panel-content-bottom-padding: Specifies the padding of the component's content-bottom slot
    --calcite-panel-content-background: Specifies the background color of content placed in the component's "content" slot

Relevant Info

A dependency needed for the Dialog + Modal component effort in #7886
See Figma file for specs
image

Which Component

panel
flow-item

Example Use Case

No response

Priority impact

p2 - want for current milestone

Calcite package

  • @esri/calcite-components
  • @esri/calcite-components-angular
  • @esri/calcite-components-react
  • @esri/calcite-design-tokens
  • @esri/eslint-plugin-calcite-components

Esri team

Calcite (design)

@geospatialem geospatialem added enhancement Issues tied to a new feature or request. 0 - new New issues that need assignment. needs triage Planning workflow - pending design/dev review. labels Mar 21, 2024
@github-actions github-actions bot added impact - p2 - want for an upcoming milestone User set priority impact status of p2 - want for an upcoming milestone calcite-components Issues specific to the @esri/calcite-components package. Calcite (design) Issues logged by Calcite designers. labels Mar 21, 2024
@geospatialem geospatialem added the design Issues that need design consultation prior to development. label Mar 21, 2024
@geospatialem geospatialem removed the needs triage Planning workflow - pending design/dev review. label Mar 21, 2024
@geospatialem geospatialem added 1 - assigned Issues that are assigned to a sprint and a team member. and removed 0 - new New issues that need assignment. labels Apr 15, 2024
@SkyeSeitz SkyeSeitz added the ready for dev Issues ready for development implementation. label Apr 25, 2024
@SkyeSeitz SkyeSeitz removed their assignment Apr 25, 2024
@github-actions github-actions bot added 0 - new New issues that need assignment. needs milestone Planning workflow - pending milestone assignment, has priority and/or estimate. labels Apr 25, 2024
Copy link
Contributor

cc @geospatialem, @brittneytewks

@geospatialem geospatialem added p - high Issue should be addressed in the current milestone, impacts component or core functionality estimate - 3 A day or two of work, likely requires updates to tests. and removed needs milestone Planning workflow - pending milestone assignment, has priority and/or estimate. 1 - assigned Issues that are assigned to a sprint and a team member. labels Apr 25, 2024
@Elijbet Elijbet self-assigned this May 9, 2024
@Elijbet Elijbet added 1 - assigned Issues that are assigned to a sprint and a team member. 2 - in development Issues that are actively being worked on. and removed 0 - new New issues that need assignment. 1 - assigned Issues that are assigned to a sprint and a team member. labels May 9, 2024
Elijbet added a commit that referenced this issue May 11, 2024
**Related Issue:** #8979

## Summary
Add a new `content-bottom` slot to the `panel` component.
@Elijbet Elijbet added 3 - installed Issues that have been merged to master branch and are ready for final confirmation. and removed 2 - in development Issues that are actively being worked on. labels May 13, 2024
@github-actions github-actions bot assigned geospatialem and DitwanP and unassigned Elijbet May 13, 2024
Copy link
Contributor

Installed and assigned for verification.

@SkyeSeitz SkyeSeitz changed the title [Panel] Add "content-bottom" slot [Panel & Flow Item] Add "content-bottom" slot May 13, 2024
@DitwanP
Copy link
Contributor

DitwanP commented May 13, 2024

Moving back to in development to include changes to flow-item as well.

@DitwanP DitwanP added 2 - in development Issues that are actively being worked on. and removed 3 - installed Issues that have been merged to master branch and are ready for final confirmation. labels May 13, 2024
@DitwanP DitwanP assigned Elijbet and unassigned geospatialem and DitwanP May 13, 2024
Elijbet added a commit that referenced this issue May 15, 2024
**Related Issue:** #8979

## Summary
Add a new `content-bottom` slot to the `flow-item` component.
@Elijbet Elijbet added 3 - installed Issues that have been merged to master branch and are ready for final confirmation. and removed 3 - installed Issues that have been merged to master branch and are ready for final confirmation. labels May 15, 2024
@github-actions github-actions bot removed the 2 - in development Issues that are actively being worked on. label May 15, 2024
@github-actions github-actions bot assigned geospatialem and DitwanP and unassigned Elijbet May 15, 2024
Copy link
Contributor

Installed and assigned for verification.

@geospatialem geospatialem added the 3 - installed Issues that have been merged to master branch and are ready for final confirmation. label May 20, 2024
Copy link
Contributor

Installed and assigned for verification.

@DitwanP
Copy link
Contributor

DitwanP commented May 21, 2024

🍡Verified on 2.9.0-next.18

@DitwanP DitwanP closed this as completed May 21, 2024
@DitwanP DitwanP added 4 - verified Issues that have been released and confirmed resolved. and removed 3 - installed Issues that have been merged to master branch and are ready for final confirmation. labels May 21, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
4 - verified Issues that have been released and confirmed resolved. Calcite (design) Issues logged by Calcite designers. calcite-components Issues specific to the @esri/calcite-components package. design Issues that need design consultation prior to development. enhancement Issues tied to a new feature or request. estimate - 3 A day or two of work, likely requires updates to tests. impact - p2 - want for an upcoming milestone User set priority impact status of p2 - want for an upcoming milestone p - high Issue should be addressed in the current milestone, impacts component or core functionality ready for dev Issues ready for development implementation.
Projects
None yet
Development

No branches or pull requests

4 participants