Set techdocs admonition font size to 1rem

Currently admonitions in TechDocs are rendered with font size 0.64rem which is much smaller than the rest of the text. This makes admontions hard to read and further "undo"s the attention they are here to provide.

This change adds a style overide, like we do with tables that sets the size to 1rem for bot collapsable and expanded admonitions.

Some trailing whitespace in the CSS styles is removed as well.

Signed-off-by: Crevil <bjoern.soerensen@gmail.com>
This commit is contained in:
Crevil
2021-05-21 21:52:27 +02:00
parent f681f408d4
commit 4ea9df9d33
2 changed files with 16 additions and 7 deletions
+6
View File
@@ -0,0 +1,6 @@
---
'@backstage/plugin-techdocs': patch
---
Set admonition font size to 1rem in TechDocs to align with the rest of the document's font sizes.
Fixes #5448 and #5541.
@@ -183,21 +183,24 @@ export const Reader = ({ entityId, onReady }: Props) => {
border-bottom: 1px solid ${theme.palette.text.primary};
}
.md-typeset table:not([class]) th { font-weight: bold; }
.md-typeset .admonition, .md-typeset details {
font-size: 1rem;
}
@media screen and (max-width: 76.1875em) {
.md-nav {
background-color: ${theme.palette.background.default};
.md-nav {
background-color: ${theme.palette.background.default};
transition: none !important
}
.md-sidebar--secondary { display: none; }
.md-sidebar--primary { left: 72px; width: 10rem }
.md-content { margin-left: 10rem; max-width: calc(100% - 10rem); }
.md-content__inner { font-size: 0.9rem }
.md-footer {
position: static;
margin-left: 10rem;
width: calc(100% - 10rem);
.md-footer {
position: static;
margin-left: 10rem;
width: calc(100% - 10rem);
}
.md-nav--primary .md-nav__title {
.md-nav--primary .md-nav__title {
white-space: normal;
height: auto;
line-height: 1rem;