From b1df683394a6d887583bd7c67cf130819e1cac74 Mon Sep 17 00:00:00 2001
From: Stefan Appelhoff <stefan.appelhoff@mailbox.org>
Date: Wed, 6 Oct 2021 11:21:23 +0200
Subject: [PATCH] [INFRA] fix draft rendering css on mobile or when browser
 window is narrow (#889)

* sty: fix draft rendering css

* try md-sidebar

* try nav__title

* try [for=__drawer]

* try set color via :root instead

* try conditional css and do not accept overrides

* better style and comment
---
 src/css/watermark.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/css/watermark.css b/src/css/watermark.css
index 599491770c..ee2d56ab03 100644
--- a/src/css/watermark.css
+++ b/src/css/watermark.css
@@ -1,3 +1,10 @@
+/* 76.1875em are based on stylesheets: https://github.com/squidfunk/mkdocs-material/tree/master/material/assets/stylesheets */
+@media screen and (max-width: 76.1875em) {
+    .md-nav__title[for=__drawer] {
+        background-color: #ff0000 !important;
+    }
+}
+
 .md-header {
     background-color: #ff0000;
 }