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

fix(docs-infra): better distinguish wrapped headings from other entries in TOC (#39092) 

Previously, when a heading was longer than the Table of Content's  (TOC)
width and it had to be wrapped into multiple lines, it was hard to
distinguish the subsequent lines from other TOC entries (i.e. other
headings).

This commit makes it easier to visually distinguish wrapped heading
lines from other headings by reducing the spacing between wrapped lines
of the same heading (making it more obvious that they belong together).

PR Close #39092
This commit is contained in:
George Kalpakas 2020-10-01 19:25:09 +03:00 committed by Joey Perrott
parent d3bd00b7bf
commit 4fe673d518
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -105,9 +105,7 @@
li { li {
box-sizing: border-box; box-sizing: border-box;
@include font-size(12); padding: 7px 0 7px 12px;
@include line-height(16);
padding: 3px 0 3px 12px;
position: relative; position: relative;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
@ -129,6 +127,7 @@
color: lighten($darkgray, 10); color: lighten($darkgray, 10);
overflow: visible; overflow: visible;
@include font-size(12); @include font-size(12);
@include line-height(16);
display: table-cell; display: table-cell;
} }
@ -168,11 +167,11 @@
} }
&:first-child:before { &:first-child:before {
top: 13px; top: 15px;
} }
&:last-child:before { &:last-child:before {
bottom: calc(100% - 14px); bottom: calc(100% - 15px);
} }
&:not(.active):hover a:before { &:not(.active):hover a:before {