diff --git a/src/components/list-archive-all-tags/list-archive-all-tags.js b/src/components/list-archive-all-tags/list-archive-all-tags.js index 425e5da038..ea4110666b 100644 --- a/src/components/list-archive-all-tags/list-archive-all-tags.js +++ b/src/components/list-archive-all-tags/list-archive-all-tags.js @@ -43,8 +43,14 @@ function ListArchiveAllTags({ background, noSpace }) { addonClasses="align-items-start border-bottom-0 pt-3 px-0 px-sm-2 px-md-4" > - + + [ {tag.totalCount} + {tag.totalCount === 1 ? ( + scheda ] + ) : ( + schede ] + )} diff --git a/src/components/list-archive-ds-tags/list-archive-ds-tags.js b/src/components/list-archive-ds-tags/list-archive-ds-tags.js index 87baa7d202..e761e9e12f 100644 --- a/src/components/list-archive-ds-tags/list-archive-ds-tags.js +++ b/src/components/list-archive-ds-tags/list-archive-ds-tags.js @@ -42,8 +42,14 @@ function ListArchiveDSTags() { color="primary" path="design-system/componenti/utili-per" > - + + [ {tag.totalCount} + {tag.totalCount === 1 ? ( + componente ] + ) : ( + componenti ] + )} diff --git a/src/data/content/design-system/fondamenti/griglia.yaml b/src/data/content/design-system/fondamenti/griglia.yaml index b548df5891..703463fece 100644 --- a/src/data/content/design-system/fondamenti/griglia.yaml +++ b/src/data/content/design-system/fondamenti/griglia.yaml @@ -150,7 +150,7 @@ components: - text: 540px - text: 720px - text: 960px - - text: 1184px + - text: 1176px - text: 1320px - cols: - text: Contenitore responsive (small) @@ -159,7 +159,7 @@ components: - text: 100% - text: 720px - text: 960px - - text: 1184px + - text: 1176px - text: 1320px - cols: - text: Contenitore responsive (medium) @@ -168,7 +168,7 @@ components: - text: 100% - text: 100% - text: 960px - - text: 1184px + - text: 1176px - text: 1320px - cols: - text: Contenitore responsive (large) @@ -177,7 +177,7 @@ components: - text: 100% - text: 100% - text: 100% - - text: 1184px + - text: 1176px - text: 1320px - cols: - text: Contenitore responsive (extra large) diff --git a/src/scss/custom.scss b/src/scss/custom.scss index fdd5b19446..98e861d896 100644 --- a/src/scss/custom.scss +++ b/src/scss/custom.scss @@ -61,3 +61,27 @@ div.chips-list-wrapper { } scroll-margin-top: $header-center-max-height-mob + 48; } + +// special chips with numeric rounded-pill badge inside ("argomenti") +.chips-list-wrapper { + .chips-list { + .chip-simple { + span.badge { + &.rounded-pill { + transform: translateY(-1px); + } + } + + &:hover { + span.badge { + &.rounded-pill { + &.bg-primary { + background-color: white !important; + color: var(--primary-color); + } + } + } + } + } + } +} \ No newline at end of file