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

[Guided onboarding] Misalignment in the landing page cards footers #145962

Closed
yuliacech opened this issue Nov 22, 2022 · 2 comments
Closed

[Guided onboarding] Misalignment in the landing page cards footers #145962

yuliacech opened this issue Nov 22, 2022 · 2 comments
Labels
bug Fixes for quality problems that affect the customer experience Team:Journey/Onboarding Platform Journey Onboarding team

Comments

@yuliacech
Copy link
Contributor

yuliacech commented Nov 22, 2022

Kibana version:
Main branch ab0cede

Elasticsearch version:
8.7.0 snapshot

Server OS version:
macos 12.6.1

Browser version:
Chrome
Version 107.0.5304.110 (Official Build) (arm64)

Browser OS version:
macos 12.6.1

Original install method (e.g. download page, yum, from source, etc.):
from source

Describe the bug:
The guided onboarding landing page displays 4 cards with a button in the footer. The buttons are displayed incorrectly on the page.

Steps to reproduce:

  1. Start Kibana with xpack.cloud.id: test in the config.yml file.
  2. Navigate to /app/home#/getting_started.

Expected behavior:
The buttons should be aligned at the bottom of cards.

Screenshots (if relevant):
Screenshot 2022-11-21 at 13 16 48

Errors in browser console (if relevant):
none

Provide logs and/or server output (if relevant):
none

Any additional context:
The code for the cards are in the package kbn-guided-onboarding https://github.com/elastic/kibana/blob/main/packages/kbn-guided-onboarding/src/components/landing_page/use_case_card.tsx

<EuiCard
      display="subdued"
      image={<EuiImage src={getImageUrl(useCase)} alt={constants[useCase].logAltText} />}
      title={titleElement}
      description={description}
      footer={footer}
      betaBadgeProps={{
        label: constants[useCase].betaBadgeLabel,
      }}
    />
@yuliacech yuliacech added bug Fixes for quality problems that affect the customer experience Team:Journey/Onboarding Platform Journey Onboarding team labels Nov 22, 2022
@elasticmachine
Copy link
Contributor

Pinging @elastic/platform-onboarding (Team:Journey/Onboarding)

@alisonelizabeth
Copy link
Contributor

Fixed by #146116

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Fixes for quality problems that affect the customer experience Team:Journey/Onboarding Platform Journey Onboarding team
Projects
None yet
Development

No branches or pull requests

3 participants