Skip to content

do we need to manipulate z-index?? #1166

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

Merged
merged 7 commits into from
Apr 18, 2024
Merged

do we need to manipulate z-index?? #1166

merged 7 commits into from
Apr 18, 2024

Conversation

tintinthong
Copy link
Contributor

@tintinthong tintinthong commented Apr 15, 2024

I came across this when i noticed that the z-index was increasing as I close and open the card catalog -- which seems weird to me.

Copy link

github-actions bot commented Apr 15, 2024

Test Results

586 tests  ±0   582 ✔️ ±0   8m 13s ⏱️ -7s
    1 suites ±0       4 💤 ±0 
    1 files   ±0       0 ±0 

Results for commit 992115e. ± Comparison against base commit bb4d2e6.

♻️ This comment has been updated with latest results.

@tintinthong tintinthong requested a review from burieberry April 15, 2024 13:46
@tintinthong tintinthong force-pushed the stop-changing-z-index branch from 5820ef4 to 409cc1f Compare April 16, 2024 02:16
Copy link
Contributor

@jurgenwerk jurgenwerk left a comment

Choose a reason for hiding this comment

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

I was thinking this maybe has something to do to address deeply stacked cards in interactive mode and choosing another card from a catalogue but I couldn't see any issues while exercising that in the PR preview deploy.

@tintinthong
Copy link
Contributor Author

I was thinking this maybe has something to do to address deeply stacked cards in interactive mode and choosing another card from a catalogue but I couldn't see any issues while exercising that in the PR preview deploy.

Yea this was my initial thought too. And I tested this it seemed ok.

@@ -256,7 +256,7 @@ export default class SubmodeLayout extends Component<Signature> {
margin-right: 0;
background-color: var(--boxel-ai-purple);
box-shadow: var(--boxel-deep-box-shadow);
z-index: calc(var(--boxel-modal-z-index) - 1);
z-index: calc(var(--boxel-modal-z-index) - 2);
Copy link
Contributor Author

@tintinthong tintinthong Apr 18, 2024

Choose a reason for hiding this comment

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

I had to change this because the ai button should be hidden behind the overlay. Lets see if percy shows us anything

modal z index: 15
overlay z index: 15-1
ai chat btn: 15-2

@tintinthong tintinthong merged commit 8a511df into main Apr 18, 2024
22 checks passed
@delete-merged-branch delete-merged-branch bot deleted the stop-changing-z-index branch April 18, 2024 02:39
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.

3 participants