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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user