diff --git a/resources/skins.citizen.styles/components/TableOfContents.less b/resources/skins.citizen.styles/components/TableOfContents.less index 7be35c0d..d3f26828 100644 --- a/resources/skins.citizen.styles/components/TableOfContents.less +++ b/resources/skins.citizen.styles/components/TableOfContents.less @@ -28,6 +28,7 @@ padding: var( --space-xs ); font-weight: var( --font-weight-medium ); color: var( --color-emphasized ); + border-radius: var( --border-radius-base ); &.citizen-toc-top { height: 0; @@ -89,6 +90,11 @@ color: var( --color-subtle ); } + &-summary { + font-size: var( --font-size-x-small ); + color: var( --color-subtle ); + } + &-list-item { position: relative; @@ -119,7 +125,7 @@ display: grid; place-content: center; cursor: pointer; - border-radius: var( --border-radius--small ); + border-radius: var( --border-radius-base ); .citizen-ui-icon { &::before { @@ -223,6 +229,7 @@ margin: 0; background: transparent; border: 0; + border-radius: 0; box-shadow: none; transform: none; diff --git a/templates/TableOfContents__line.mustache b/templates/TableOfContents__line.mustache index 993a5205..bbc4ae5c 100644 --- a/templates/TableOfContents__line.mustache +++ b/templates/TableOfContents__line.mustache @@ -5,14 +5,14 @@ }}
-
- {{number}} - {{{line}}} +
+
+ {{number}} + {{{line}}} +
+ {{#html-summary}}
{{.}}{{/html-summary}}
- {{#html-summary}} - {{{.}}} - {{/html-summary}} {{#is-top-level-section}}{{#is-parent-section}}