altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
52 lines (33 loc) • 1.98 kB
HTML
<!-- START: 01-molekyler-00-tekst-68-♺-innboks-header-innhold-kompakt -->
<!-- START: 01-molekyler-00-tekst-60-innboks-header-innhold JS doc: setupTruncateLines.js, togglePanel.js -->
<div class="row a-inboxHeadingContent">
<div class="col-auto a-msgIconWrapper">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-openmessage reg-md-lg reg-nw " aria-hidden="true"></i>
<span class="sr-only">Melding lest</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<div class="col a-msgHeadingTextContainer">
<div class="d-inline-block">
<h3 class="mb-0 a-js-truncate-2-sm-down" title="Melding: Lorem ipsum dolor sit amet, dolores fabellas vim in, et eum tation legere deserunt, has decore tacimates at. Per ad erant nihil elaboraret, vide civibus offendit ut duo, saperet albucius patrioque mea ut.">
Melding:
<span class="a-msgTitle">Lorem ipsum dolor sit amet, dolores fabellas vim in, et eum tation legere deserunt, has decore tacimates at. Per ad erant nihil elaboraret, vide civibus offendit ut duo, saperet albucius patrioque mea ut.</span>
</h3>
<div class="a-fontSizeXXS">Liten tekst</div>
</div>
</div>
<div class="col-auto d-none d-md-flex a-msgShortcutsContainer">
<div class="a-btn a-btn-icon" role="button" tabindex="0" aria-label="Arkiv" title="Arkiv">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-archive reg-sm "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<div class="a-btn a-btn-icon" role="button" tabindex="0" aria-label="Slett" title="Slett">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-trash reg-sm "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
</div>
</div>
<!-- END: 01-molekyler-00-tekst-60-innboks-header-innhold -->
<!-- END: 01-molekyler-00-tekst-68-♺-innboks-header-innhold-kompakt -->