iSharkFly-Docs
/
angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
This commit is contained in:
George Kalpakas 2021-02-13 16:01:56 +02:00 committed by Joey Perrott
parent 9740b1bb62
commit 5a7eba294a
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
aio/src/styles/2-modules/_toc.scss
View File

@ -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;
}