Skip to content

Commit

Permalink
fix: subtitles
Browse files Browse the repository at this point in the history
  • Loading branch information
federicoisepponfincons authored and jeripeierSBB committed Aug 29, 2023
1 parent b5d6c42 commit 3c8fa2e
Show file tree
Hide file tree
Showing 2 changed files with 31 additions and 15 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -105,24 +105,36 @@ const Template = (args): JSX.Element => (
</sbb-form-field>
<div class="search-result__wrapper">
<a href="http://www.sbb.ch/" class="search-result-item">
<sbb-title visual-level="6" negative>
Result title 1<span class="subtitle">Lorem ipsum subtitle</span>
</sbb-title>
<div>
<sbb-title visual-level="6" negative>
Result title 1
</sbb-title>
<p class="subtitle">Lorem ipsum subtitle</p>
</div>
</a>
<a href="http://www.sbb.ch/" class="search-result-item">
<sbb-title visual-level="6" negative>
Result title 2<span class="subtitle">Lorem ipsum subtitle</span>
</sbb-title>
<div>
<sbb-title visual-level="6" negative>
Result title 2
</sbb-title>
<p class="subtitle">Lorem ipsum subtitle</p>
</div>
</a>
<a href="http://www.sbb.ch/" class="search-result-item">
<sbb-title visual-level="6" negative>
Result title 3<span class="subtitle">Lorem ipsum subtitle</span>
</sbb-title>
<div>
<sbb-title visual-level="6" negative>
Result title 3
</sbb-title>
<p class="subtitle">Lorem ipsum subtitle</p>
</div>
</a>
<a href="http://www.sbb.ch/" class="search-result-item">
<sbb-title visual-level="6" negative>
Result title 4<span class="subtitle">Lorem ipsum subtitle</span>
</sbb-title>
<div>
<sbb-title visual-level="6" negative>
Result title 3
</sbb-title>
<p class="subtitle">Lorem ipsum subtitle</p>
</div>
<div class="result-image">
<img
alt="example"
Expand All @@ -131,9 +143,12 @@ const Template = (args): JSX.Element => (
</div>
</a>
<a href="http://www.sbb.ch/" class="search-result-item">
<sbb-title visual-level="6" negative>
Result title 5<span class="subtitle">Lorem ipsum subtitle</span>
</sbb-title>
<div>
<sbb-title visual-level="6" negative>
Result title 5
</sbb-title>
<p class="subtitle">Lorem ipsum subtitle</p>
</div>
</a>
<div class="show-more">
<sbb-button variant="primary">Show all 13 results</sbb-button>
Expand Down
1 change: 1 addition & 0 deletions src/storybook/pages/search-overlay/search-overlay.scss
Original file line number Diff line number Diff line change
Expand Up @@ -55,6 +55,7 @@ $timetable-margin-block: 7vh;

display: block;
color: var(--sbb-color-smoke-default);
margin: 0;
}

.result-image {
Expand Down

0 comments on commit 3c8fa2e

Please sign in to comment.