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

fix(docs-infra): fix `<code>` styling in the "Cheat sheet" guide (#41051) 

Since #40944, `<code>` elements have a distinctive background to make
them stand out from regular text. However, this styling is not desirable
in certain cells of the "Cheat sheet" guide's tables, which exclusively
contain code.

This commit updates the `<code>` styling to remove the distinctive
background in those "Cheat sheet" cells.

Before #40944: ![cheatsheet code before PR 40944][1]
Since #40944: ![cheatsheet code since PR 40944][2]
After this commit: ![cheatsheet code after][3]

[1]: https://user-images.githubusercontent.com/8604205/109383633-4f215200-78f0-11eb-95e2-2a2c4fb3a31f.png
[2]: https://user-images.githubusercontent.com/8604205/109383634-50527f00-78f0-11eb-8c48-ff5f96918c4d.png
[3]: https://user-images.githubusercontent.com/8604205/109383635-50eb1580-78f0-11eb-9cf2-98851692ddd9.png

PR Close #41051
This commit is contained in:
George Kalpakas 2021-03-09 14:15:46 +02:00 committed by Andrew Kushnir
parent d80d6ea3f6
commit f85a178a49
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
aio/src/styles/2-modules/_code.scss
View File

@ -176,6 +176,16 @@ aio-code {
padding: 4px; padding: 4px;
} }
#cheatsheet {
td:first-of-type,
th {
code {
background-color: inherit;
padding: 0;
}
}
}
.code-anchor { .code-anchor {
cursor: pointer; cursor: pointer;
text-decoration: none; text-decoration: none;

5
aio/src/styles/2-modules/_table.scss
View File

@ -94,11 +94,6 @@ table {
display: block; display: block;
position: relative; position: relative;
max-width: 100%; max-width: 100%;
code {
padding: 0;
background-color: inherit;
}
} }
th { th {