Skip to content

Commit

Permalink
chore(selection-panel): set chromatic min-height
Browse files Browse the repository at this point in the history
  • Loading branch information
TomMenga committed Jan 23, 2024
1 parent 8b259ca commit 626d133
Showing 1 changed file with 6 additions and 6 deletions.
12 changes: 6 additions & 6 deletions src/components/selection-panel/selection-panel.stories.ts
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ import type { InputType } from '@storybook/types';
import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components';
import isChromatic from 'chromatic';
import type { TemplateResult } from 'lit';
import { html } from 'lit';
import { html, nothing } from 'lit';
import type { StyleInfo } from 'lit/directives/style-map.js';
import { styleMap } from 'lit/directives/style-map.js';

Expand Down Expand Up @@ -152,7 +152,7 @@ const WithCheckboxGroupTemplate = ({
<sbb-checkbox-group
orientation="vertical"
horizontal-from="large"
style="${isChromatic() ? 'min-height: 750px;' : ''}"
style="${isChromatic() ? 'min-height: 750px;' : nothing}"
>
<sbb-selection-panel ${sbbSpread(args)}>
${cardBadge()}
Expand Down Expand Up @@ -184,7 +184,7 @@ const WithRadioButtonGroupTemplate = ({
orientation="vertical"
horizontal-from="large"
?allow-empty-selection=${allowEmptySelection}
style="${isChromatic() ? 'min-height: 750px;' : ''}"
style="${isChromatic() ? 'min-height: 750px;' : nothing}"
>
<sbb-selection-panel ${sbbSpread(args)}>
${cardBadge()}
Expand Down Expand Up @@ -218,7 +218,7 @@ const TicketsOptionsExampleTemplate = ({
<sbb-checkbox-group
orientation="vertical"
horizontal-from="large"
style="${isChromatic() ? 'min-height: 750px;' : ''}"
style="${isChromatic() ? 'min-height: 750px;' : nothing}"
>
<sbb-selection-panel ${sbbSpread(args)}>
${cardBadge()}
Expand Down Expand Up @@ -350,7 +350,7 @@ const NestedCheckboxTemplate = ({
<sbb-checkbox-group
orientation="vertical"
horizontal-from="large"
style="${isChromatic() ? 'min-height: 350px;' : ''}"
style="${isChromatic() ? 'min-height: 350px;' : nothing}"
>
<sbb-selection-panel ${sbbSpread(args)}>
<sbb-checkbox value="mainoption1" ?checked=${checkedInput}> Main Option 1 </sbb-checkbox>
Expand Down Expand Up @@ -383,7 +383,7 @@ const WithCheckboxesErrorMessageTemplate = ({
<sbb-checkbox-group
orientation="vertical"
horizontal-from="large"
style="${isChromatic() ? 'min-height: 750px;' : ''}"
style="${isChromatic() ? 'min-height: 750px;' : nothing}"
@change=${(event: Event) => {
const checkboxGroup = event.currentTarget as HTMLElement;
const hasChecked = Array.from(checkboxGroup.querySelectorAll('sbb-checkbox')).some(
Expand Down

0 comments on commit 626d133

Please sign in to comment.