Skip to content

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

@yuliacech

Description

@yuliacech

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,
      }}
    />

Metadata

Metadata

Assignees

No one assigned

    Labels

    Team:Journey/OnboardingPlatform Journey Onboarding teambugFixes for quality problems that affect the customer experience

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions