altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
195 lines (157 loc) • 7.27 kB
HTML
<!-- START: 01-molekyler-04-grupper-01-grupperte-fremhevede-knapper JS doc: cardsToggle.js, truncateLines.js -->
<div class="a-noColPadding clearfix" role="list">
<div class="d-flex float-left col-6 col-md-4 col-lg-3 col-xl-2" role="listitem">
<!-- START: 00-atomer-03-knapper-31-knapp-fremhevet-stor JS doc: cardsToggle.js, truncateLines.js -->
<button type="button" class="a-box-button" aria-expanded="false" aria-owns="firstChildContainer" data-toggle="instant" data-target="#firstChildContainer">
<span class="a-box-button-text">
<span class="a-meta-text">
FORELDER TITTEL
</span>
<span class="a-box-button-name">
<span class="sr-only">
FORELDER NAVN
</span>
<span class="a-js-inner-text" aria-hidden="true" >
FORELDER NAVN
</span>
</span>
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-lg a-box-button-icon a-blueDarkText " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-box-button-action a-blueDarkText a-box-button-primaryAction">
Se alle med rettigheter
</span>
<span class="a-box-button-action a-blueDarkText a-box-button-secondaryAction">
Skjul alle med rettigheter
</span>
</button>
<!-- END: 00-atomer-03-knapper-31-knapp-fremhevet-stor -->
</div>
<div role="list" class="a-childBoxButtonList" id="firstChildContainer" style="display: none">
<div role="listitem" class="d-flex float-left col-6 col-md-4 col-lg-3 col-xl-2">
<!-- START: 00-atomer-03-knapper-31-knapp-fremhevet-stor JS doc: cardsToggle.js, truncateLines.js -->
<button type="button" class="a-box-button" onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt.html';">
<span class="a-box-button-text">
<span class="a-meta-text">
BARN TITTEL
</span>
<span class="a-box-button-name">
<span class="sr-only">
BARN NAVN
</span>
<span class="a-js-inner-text" aria-hidden="true" >
BARN NAVN
</span>
</span>
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-lg a-box-button-icon a-blueDarkText " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-box-button-action a-blueDarkText a-box-button-primaryAction">
Gi og fjerne rettigheter
</span>
<span class="a-box-button-action a-blueDarkText a-box-button-secondaryAction">
Skjul alle med rettigheter
</span>
</button>
<!-- END: 00-atomer-03-knapper-31-knapp-fremhevet-stor -->
</div>
<div role="listitem" class="d-flex float-left col-6 col-md-4 col-lg-3 col-xl-2">
<!-- START: 00-atomer-03-knapper-31-knapp-fremhevet-stor JS doc: cardsToggle.js, truncateLines.js -->
<button type="button" class="a-box-button" onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt.html';">
<span class="a-box-button-text">
<span class="a-meta-text">
BARN TITTEL
</span>
<span class="a-box-button-name">
<span class="sr-only">
BARN NAVN
</span>
<span class="a-js-inner-text" aria-hidden="true" >
BARN NAVN
</span>
</span>
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-lg a-box-button-icon a-blueDarkText " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-box-button-action a-blueDarkText a-box-button-primaryAction">
Gi og fjerne rettigheter
</span>
<span class="a-box-button-action a-blueDarkText a-box-button-secondaryAction">
Skjul alle med rettigheter
</span>
</button>
<!-- END: 00-atomer-03-knapper-31-knapp-fremhevet-stor -->
</div>
</div>
<div class="d-flex float-left col-6 col-md-4 col-lg-3 col-xl-2" role="listitem">
<!-- START: 00-atomer-03-knapper-31-knapp-fremhevet-stor JS doc: cardsToggle.js, truncateLines.js -->
<button type="button" class="a-box-button" onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt.html';">
<span class="a-box-button-text">
<span class="a-meta-text">
VANLIG TITTEL
</span>
<span class="a-box-button-name">
<span class="sr-only">
VANLIG NAVN
</span>
<span class="a-js-inner-text" aria-hidden="true" >
VANLIG NAVN
</span>
</span>
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-lg a-box-button-icon a-blueDarkText " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-box-button-action a-blueDarkText a-box-button-primaryAction">
Gi og fjerne rettigheter
</span>
<span class="a-box-button-action a-blueDarkText a-box-button-secondaryAction">
</span>
</button>
<!-- END: 00-atomer-03-knapper-31-knapp-fremhevet-stor -->
</div>
<div class="d-flex float-left col-6 col-md-4 col-lg-3 col-xl-2" role="listitem">
<!-- START: 00-atomer-03-knapper-31-knapp-fremhevet-stor JS doc: cardsToggle.js, truncateLines.js -->
<button type="button" class="a-box-button" onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt.html';">
<span class="a-box-button-text">
<span class="a-meta-text">
VANLIG TITTEL
</span>
<span class="a-box-button-name">
<span class="sr-only">
VANLIG NAVN
</span>
<span class="a-js-inner-text" aria-hidden="true" >
VANLIG NAVN
</span>
</span>
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-lg a-box-button-icon a-blueDarkText " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-box-button-action a-blueDarkText a-box-button-primaryAction">
Gi og fjerne rettigheter
</span>
<span class="a-box-button-action a-blueDarkText a-box-button-secondaryAction">
</span>
</button>
<!-- END: 00-atomer-03-knapper-31-knapp-fremhevet-stor -->
</div>
<div role="listitem" class="d-flex float-left col-6 col-md-4 col-lg-3 col-xl-2">
<!-- START: 00-atomer-04-handlingsknapper-21-handlingsknapp-stor -->
<button type="button" class="a-boxAddBtn" onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-legg-til/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-legg-til.html';">
<span class="a-boxAddBtn-inner">
Tekst over
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-plus ai-lg a-box-button-icon a-blueDarkText " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Tekst under
</span>
</button>
<!-- END: 00-atomer-04-handlingsknapper-21-handlingsknapp-stor -->
</div>
</div>
<!-- END: 01-molekyler-04-grupper-01-grupperte-fremhevede-knapper -->