Merge pull request #5778 from lunarway/fix/admonition-font-size

Set techdocs admonition font size to 1rem

.changeset/shiny-keys-dream.md

@@ -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.

plugins/techdocs/src/reader/components/Reader.tsx

@@ -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;