Properly show extends clause. (#558)

devversion · jelbourn · commit 5277e3499576 · 2018-11-30T07:25:45.000-08:00
Combined with: angular/components#14232, this fixes that the extends clause anchor will be shifted by the `header-link` styling. Also improves the general visuals of the extends clause, since those are now clickable. Additionally updates the lock file to reflect the latest package changes.
diff --git a/src/styles/_api.scss b/src/styles/_api.scss
@@ -69,6 +69,14 @@
   padding: 3px;
 }
 
+.docs-api-class-extends-type {
+  text-decoration: none;
+  border-bottom: 1px dotted;
+  color: inherit;
+  font-weight: 400;
+  font-size: 18px;
+}
+
 .docs-api-deprecated-marker,
 .docs-api-class-deprecated-marker,
 .docs-api-interface-deprecated-marker {
diff --git a/src/styles/_markdown.scss b/src/styles/_markdown.scss
@@ -69,7 +69,7 @@ pre {
 }
 
 .docs-header-link {
-  a {
+  header-link a {
     text-decoration: none;
     // deduct -30px so the anchor icon will be positioned outside the content
     margin-left: -30px;
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -69,7 +69,7 @@ pre {`
`69`	`69`	`}`
`70`	`70`
`71`	`71`	`.docs-header-link {`
`72`		`- a {`
	`72`	`+ header-link a {`
`73`	`73`	`text-decoration: none;`
`74`	`74`	`// deduct -30px so the anchor icon will be positioned outside the content`
`75`	`75`	`margin-left: -30px;`