fix: misc fixes

- make images inside not-content elements not affected by markup styling
- show project dropdown only on project pages

Author: zlataovce

src/components/overrides/PageFrame.astro

@@ -12,9 +12,11 @@ const { hasSidebar } = Astro.locals.starlightRoute;
       <nav class="sidebar print:hidden" aria-label={Astro.locals.t("sidebarNav.accessibleLabel")}>
         <MobileMenuToggle />
         <div id="starlight__sidebar" class="sidebar-pane">
-          <div class="dropdown-wrapper">
-            <TopicsDropdown />
-          </div>
+          {Astro.locals.starlightSidebarTopics.isPageWithTopic && (
+            <div class="dropdown-wrapper">
+              <TopicsDropdown />
+            </div>
+          )}
           <div class="sidebar-content sl-flex">
             <slot name="sidebar" />
           </div>

src/styles/custom.css

@@ -18,10 +18,10 @@
 }
 
 /* make images in markup wide and centered */
-.sl-markdown-content img {
+.sl-markdown-content img:not(:where(.not-content *)) {
   margin: 0 auto;
 }
-.sl-markdown-content img:not([alt="Diagram"]) {
+.sl-markdown-content img:not(:where(.not-content *)):not([alt="Diagram"]) {
   width: 100%;
 }
 .sl-markdown-content .img-inline img {