commit 3014fa4ba7e5211d864476abc094258d2d6803ba
truex <truex@equwal.com>
2026-09-26 13:38:12 -0700
Hide the elements that have the hidden attribute
Rules such as "#make, #audio-row { display: flex }" and ".row { display: flex }" won over the "[hidden] { display: none }" rule of the browser. On Android the drawer showed "Audio (web only)" with a file field and a player that did nothing. The first run showed a "Download the .srt" text that did nothing. On the web the drawer showed "Make subtitles with SubRead", which did nothing. A "[hidden] { display: none !important; }" rule near the top of style.css now keeps these elements hidden.
src/style.css | 5 +++++
1 file changed, 5 insertions(+)
diff --git a/src/style.css b/src/style.css
index c8bd484..3c0fc31 100644
--- a/src/style.css
+++ b/src/style.css
@@ -7,6 +7,11 @@
--panel-width: 22rem;
}
+/* The hidden attribute wins over each `display` rule below, for example `.row`. */
+[hidden] {
+ display: none !important;
+}
+
/* Phone layout: top bar, page below, controls in a drawer. */
body {
margin: 0;