From 5a7eba294ac5c4d368aec36458aede8801ac9a13 Mon Sep 17 00:00:00 2001 From: George Kalpakas Date: Sat, 13 Feb 2021 16:01:56 +0200 Subject: [PATCH] fix(docs-infra): improve line-spacing between TOC items (esp. for wrapped lines) (#40802) Previously, the line-spacing between different TOC items was almost the same as that between wrapped lines of the same item. This made it more diffucult to distinguish the different items. This commit fixes this by reducing the line-spacing between wrapped lines of the same item and keeping a larger line-spacing between different items. Before: ![toc line-spacing before][1] After: ![toc line-spacing after][2] [1]: https://user-images.githubusercontent.com/8604205/107255272-ccb81780-6a40-11eb-9612-4e7b2058417d.png [2]: https://user-images.githubusercontent.com/8604205/107255280-cd50ae00-6a40-11eb-8f60-9ce8fba10e12.png PR Close #40802 --- aio/src/styles/2-modules/_toc.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/aio/src/styles/2-modules/_toc.scss b/aio/src/styles/2-modules/_toc.scss index 7cd89891085..19868d0ed60 100644 --- a/aio/src/styles/2-modules/_toc.scss +++ b/aio/src/styles/2-modules/_toc.scss @@ -106,7 +106,7 @@ aio-toc { li { box-sizing: border-box; - padding: 7px 0 7px 12px; + padding: 9px 0 9px 12px; position: relative; transition: all 0.3s ease-in-out; @@ -128,7 +128,7 @@ aio-toc { color: lighten($darkgray, 10); overflow: visible; @include font-size(14); - @include line-height(28); + @include line-height(24); display: table-cell; }