Skip to content

Commit

Permalink
Merge pull request #2516 from boltdesignsystem/feature/DS-800-UI-list…
Browse files Browse the repository at this point in the history
…-deprecation

DS-800 UI list deprecation
  • Loading branch information
danielamorse committed Jul 27, 2022
2 parents fb2f88d + 3dceb80 commit 40c1a5f
Show file tree
Hide file tree
Showing 4 changed files with 45 additions and 45 deletions.
2 changes: 1 addition & 1 deletion docs-site/.incache

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion docs-site/src/components/pattern-lab-utils/_sassdoc.scss
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@
** Our floating navigation needs to have an overflow when items expand beyond viewer-height
* [1] Floating nav receives 4rem from .c-bds-docs__page-nav-list and we add .5 rem to reach the bottom
*/
.o-bolt-ui-list--sassdoc {
.c-bds-docs__page-nav-list--sassdoc {
max-height: calc(100vh - 4.5rem); // [1]
overflow-y: auto;
}
18 changes: 9 additions & 9 deletions docs-site/src/components/pattern-lab-utils/sassdocs.twig
Original file line number Diff line number Diff line change
Expand Up @@ -370,14 +370,14 @@
</div>

<div class="c-bds-docs__page-nav c-bds-docs__page-nav--sassdoc">
<ul class="o-bolt-ui-list o-bolt-ui-list--xsmall c-bds-docs__page-nav-list">
<li class="o-bolt-ui-list__item">
<ul class="o-bolt-ui-list o-bolt-ui-list--xxsmall o-bolt-ui-list--borderless o-bolt-ui-list--sassdoc">
<li class="o-bolt-ui-list__item t-bolt-xlight">
{{ macros.sassdocNavFlat(items) }}
</li>
</ul>
</li>
</ul>
<bolt-list class="c-bds-docs__page-nav-list">
<bolt-list-item>
<bolt-list spacing="xxsmall" class="c-bds-docs__page-nav-list--sassdoc">
<bolt-list-item class="t-bolt-xlight">
{{ macros.sassdocNavFlat(contentItems) }}
</bolt-list-item>
</bolt-list>
</bolt-list-item>
</bolt-list>
</div>
</div>
Original file line number Diff line number Diff line change
Expand Up @@ -124,128 +124,128 @@
<p class="u-bolt-margin-bottom-small c-bolt-text c-bolt-text--medium c-bolt-text--semibold">
<span target="_self" rel="" title="Company" data-drupal-link-system-path="<front>" class="is-active">Company</span>
</p>
<ul class="o-bolt-ui-list--borderless o-bolt-ui-list--xsmall o-bolt-ui-list">
<bolt-list>

<li class="o-bolt-ui-list__item">
<bolt-list-item>
<a href="#!" target="_self" rel="" class="c-link c-bolt-text c-bolt-text--xsmall" title="About Pega">
<span class="c-link__text">
About Pega
</span>
</a>
</li>
<li class="o-bolt-ui-list__item">
</bolt-list-item>
<bolt-list-item>
<a href="#!" target="_self" rel="" class="c-link c-bolt-text c-bolt-text--xsmall">
<span class="c-link__text">
Office Locations
</span>
</a>
</li>
<li class="o-bolt-ui-list__item">
</bolt-list-item>
<bolt-list-item>
<a href="#!" target="_self" rel="" class="c-link c-bolt-text c-bolt-text--xsmall">
<span class="c-link__text">
Careers
</span>
</a>
</li>
<li class="o-bolt-ui-list__item">
</bolt-list-item>
<bolt-list-item>
<a href="/contact-us" target="_self" rel="" class="c-link c-bolt-text c-bolt-text--xsmall" data-drupal-link-system-path="node/54646">
<span class="c-link__text">
Contact Us
</span>
</a>
</li>
</bolt-list-item>

</ul>
</bolt-list>

</div>
<div class="o-bolt-grid__cell u-bolt-width-1/2 u-bolt-width-1/3@xsmall">
<p class="u-bolt-margin-bottom-small c-bolt-text c-bolt-text--medium c-bolt-text--semibold">
<span target="_self" rel="" title="Pega Sites" data-drupal-link-system-path="<front>" class="is-active">Pega Sites</span>
</p>
<ul class="o-bolt-ui-list--borderless o-bolt-ui-list--xsmall o-bolt-ui-list">
<bolt-list>

<li class="o-bolt-ui-list__item">
<bolt-list-item>
<a href="#!" title="Community" class="c-link c-bolt-text c-bolt-text--xsmall">
<span class="c-link__text">
Community
</span>
</a>
</li>
<li class="o-bolt-ui-list__item">
</bolt-list-item>
<bolt-list-item>
<a href="#!" target="_self" rel="" class="c-link c-bolt-text c-bolt-text--xsmall">
<span class="c-link__text">
Pega Academy Training
</span>
</a>
</li>
<li class="o-bolt-ui-list__item">
</bolt-list-item>
<bolt-list-item>
<a href="/events/pegaworld" class="c-link c-bolt-text c-bolt-text--xsmall" data-drupal-link-system-path="node/53726">
<span class="c-link__text">
PegaWorld Conference
</span>
</a>
</li>
<li class="o-bolt-ui-list__item">
</bolt-list-item>
<bolt-list-item>
<a href="#!" target="_self" rel="" class="c-link c-bolt-text c-bolt-text--xsmall" title="Pega Blog">
<span class="c-link__text">
Pega Blog
</span>
</a>
</li>
<li class="o-bolt-ui-list__item">
</bolt-list-item>
<bolt-list-item>
<a href="#!" target="_blank" rel="noopener" class="c-link c-bolt-text c-bolt-text--xsmall">
<span class="c-link__text">
Pega Product Design
</span>
</a>
</li>
</bolt-list-item>

</ul>
</bolt-list>

</div>
<div class="o-bolt-grid__cell u-bolt-width-1/2 u-bolt-width-1/3@xsmall">
<p class="u-bolt-margin-bottom-small c-bolt-text c-bolt-text--medium c-bolt-text--semibold">
<span target="_self" rel="" title="Resources" data-drupal-link-system-path="<front>" class="is-active">Resources</span>
</p>
<ul class="o-bolt-ui-list--borderless o-bolt-ui-list--xsmall o-bolt-ui-list">
<bolt-list>

<li class="o-bolt-ui-list__item">
<bolt-list-item>
<a href="#!" target="_self" rel="" class="c-link c-bolt-text c-bolt-text--xsmall" data-drupal-link-system-path="node/53696">
<span class="c-link__text">
Analyst Reports
</span>
</a>
</li>
<li class="o-bolt-ui-list__item">
</bolt-list-item>
<bolt-list-item>
<a href="#!" target="_self" class="c-link c-bolt-text c-bolt-text--xsmall">
<span class="c-link__text">
Demo Videos
</span>
</a>
</li>
<li class="o-bolt-ui-list__item">
</bolt-list-item>
<bolt-list-item>
<a href="#!" target="_self" class="c-link c-bolt-text c-bolt-text--xsmall" data-drupal-link-system-path="node/56341">
<span class="c-link__text">
Pega Platform Trial
</span>
</a>
</li>
<li class="o-bolt-ui-list__item">
</bolt-list-item>
<bolt-list-item>
<a href="#!" target="_self" rel="" class="c-link c-bolt-text c-bolt-text--xsmall">
<span class="c-link__text">
Partners &amp; Consulting Services
</span>
</a>
</li>
<li class="o-bolt-ui-list__item">
</bolt-list-item>
<bolt-list-item>
<a href="#!" target="_self" rel="" class="c-link c-bolt-text c-bolt-text--xsmall">
<span class="c-link__text">
Trust Center
</span>
</a>
</li>
</bolt-list-item>

</ul>
</bolt-list>

</div>

Expand Down

0 comments on commit 40c1a5f

Please sign in to comment.