Make details behave same on firefox and chrome

ftCommunity · Sep 28, 2020 · 7c47d9c · 7c47d9c
1 parent 3ae06bf
commit 7c47d9c
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 6 deletions.
diff --git a/website/static/styles/txpi.css b/website/static/styles/txpi.css
@@ -148,3 +148,11 @@
     0% {opacity: 0}
     100% {opacity: 1}
 }
+
+details > summary {
+    list-style: none;
+}
+
+details > summary::-webkit-details-marker {
+    display: none;
+}
diff --git a/website/templates/prerequisites_de.html b/website/templates/prerequisites_de.html
@@ -30,7 +30,7 @@ <h2>Auswahl eines Raspberry-Pi</h2>
 der unterschiedlichen Modelle und Versionen.
 
 <details>
-<summary style="outline: 0" ><a class="button">Details anzeigen/verbergen</a></summary>
+<summary style="outline: 0" ><div class="button">Details anzeigen/verbergen</div></summary>
 
 <article class="card">
   <header><h3>Raspberry-Pi Model-A und Zero</h3></header>
@@ -120,7 +120,7 @@ <h2>Auswahl eines Bildschirms</h2>
 ebenfalls auf die Bedienung mit einem Touchscreen ausgelegt.
 
 <details>
-<summary style="outline: 0" ><a class="button">Details anzeigen/verbergen</a></summary>
+<summary style="outline: 0" ><div class="button">Details anzeigen/verbergen</div></summary>
 
 <article class="card">
   <header><h3>HDMI-Bildschirm</h3></header>
@@ -227,7 +227,7 @@ <h2>Auswahl von Zusatzhardware</h2>
 Hardware-Zusätze</a>, um diese Beschränkung zu umgehen.
 
 <details>
-<summary style="outline: 0" ><a class="button">Details anzeigen/verbergen</a></summary>
+<summary style="outline: 0" ><div class="button">Details anzeigen/verbergen</div></summary>
 
 <article class="card">
   <header><h3>fischertechnik-Controller</h3></header>

diff --git a/website/templates/prerequisites_en.html b/website/templates/prerequisites_en.html
@@ -31,7 +31,7 @@ <h2>Selecting a Raspberry Pi</h2>
 Raspberry Pi. However, there are advantages and disadvantages.
 
 <details>
-<summary style="outline: 0" ><a class="button">Show/hide details</a></summary>
+<summary style="outline: 0" ><div class="button">Show/hide details</div></summary>
 
 <article class="card"> 
   <header><h3>Raspberry Pi Model A and Zero</h3></header>
@@ -113,7 +113,7 @@ <h2>Selecting a display</h2>
 display.
 
 <details>
-<summary style="outline: 0" ><a class="button">Show/hide details</a></summary>
+<summary style="outline: 0" ><div class="button">Show/hide details</div></summary>
 
 <article class="card"> 
   <header><h3>HDMI screen</h3></header>
@@ -213,7 +213,7 @@ <h2>Selecting additional hardware</h2>
 addons</a> to deal with this.
 
 <details>
-<summary style="outline: 0" ><a class="button">Show/hide details</a></summary>
+<summary style="outline: 0" ><div class="button">Show/hide details</div></summary>
 
 <article class="card"> 
   <header><h3>fischertechnik controllers</h3></header>