Separate headline and link to toggle visibility

of the following container
This commit is contained in:
Carsten Grohmann 2019-11-21 07:50:01 +01:00
parent 9d9e1d9d6e
commit 6dbe7511c6

View File

@ -57,6 +57,12 @@
font-size: 0.83em; font-size: 0.83em;
} }
.h2--no-newline {
/* Prevent a linebreak after headline to a place a link on the same line */
/* Place such headlines within a div container if the next element can be invisible */
display: inline-block;
}
svg { svg {
display: block; display: block;
max-height: 200px; max-height: 200px;
@ -632,11 +638,11 @@ function goBack() {
</li> </li>
</ol> </ol>
<h2 id="changes"> <div>
Changelog <h2 class="h2--no-newline" id="changes">Changelog</h2>
<a class="a--small" href="javascript:void(0);" onclick="OOMAnalyser.toggle('changelog')" <a class="a--small" href="javascript:void(0);" onclick="OOMAnalyser.toggle('changelog')"
title="Show / hide news">(click to show / hide)</a> title="Show / hide news">(click to show / hide)</a>
</h2> </div>
<div class="text--default-hide js-text--display-none" id="changelog"> <div class="text--default-hide js-text--display-none" id="changelog">
<h3>Version 0.3.0 - 2019-XX-XX:</h3> <h3>Version 0.3.0 - 2019-XX-XX:</h3>
@ -664,11 +670,11 @@ function goBack() {
</ol> </ol>
</div> </div>
<h2 id="install"> <div>
Local Installation <h2 class="h2--no-newline" id="install">Local Installation</h2>
<a class="a--small" href="javascript:void(0);" onclick="OOMAnalyser.toggle('installation')" <a class="a--small" href="javascript:void(0);" onclick="OOMAnalyser.toggle('installation')"
title="Show / hide installation guide">(click to show / hide)</a> title="Show / hide installation guide">(click to show / hide)</a>
</h2> </div>
<div class="text--default-hide js-text--display-none" id="installation"> <div class="text--default-hide js-text--display-none" id="installation">
Installing OOMAnalyser is quite easy since OOMAnalyser consists only of two files, a Installing OOMAnalyser is quite easy since OOMAnalyser consists only of two files, a