Add borders to docs tables (#5281)

This commit is contained in:
David Tuite
2021-04-12 19:11:35 +01:00
committed by GitHub
parent fada532659
commit 18f7345a6c
2 changed files with 16 additions and 0 deletions
@@ -0,0 +1,5 @@
---
'@backstage/plugin-techdocs': patch
---
Add borders to TechDocs tables and increase font size. Fixes #5264 and #5276.
@@ -162,6 +162,16 @@ export const Reader = ({ entityId, onReady }: Props) => {
.md-typeset { font-size: 1rem; }
.md-nav { font-size: 1rem; }
.md-grid { max-width: 90vw; margin: 0 }
.md-typeset table:not([class]) {
font-size: 1rem;
border: 1px solid ${theme.palette.text.primary};
border-bottom: none;
border-collapse: collapse;
}
.md-typeset table:not([class]) td, .md-typeset table:not([class]) th {
border-bottom: 1px solid ${theme.palette.text.primary};
}
.md-typeset table:not([class]) th { font-weight: bold; }
@media screen and (max-width: 76.1875em) {
.md-nav {
background-color: ${theme.palette.background.default};
@@ -221,6 +231,7 @@ export const Reader = ({ entityId, onReady }: Props) => {
:host {
--md-tasklist-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10A10 10 0 0012 2z"/></svg>');
--md-tasklist-icon--checked: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>');
}
`,
}),
]);