Prefix CSS classes text--default* with js-

These classes are used within JS code to control the visibility during
the web page will set to the default.
This commit is contained in:
Carsten Grohmann 2019-11-24 10:23:57 +01:00
parent 6f1245bd15
commit 0d0fe27fca
2 changed files with 9 additions and 10 deletions

View File

@ -30,12 +30,11 @@
vertical-align: super;
font-size: 0.83em;
}
.text--default-hide {
.js-text--default-hide {
/* empty just used to hide elements in the default view */
}
.text--default-show {
.js-text--default-show {
/* empty just used to show elements in the default view */
}
@ -159,9 +158,9 @@ function goBack() {
</p>
<p>
<div class="terminal notify_box text--default-hide js-text--display-none" id="notify_box"></div>
<div class="terminal notify_box js-text--default-hide js-text--display-none" id="notify_box"></div>
<div class="text--default-show" id="input">
<div class="js-text--default-show" id="input">
<h2 id="step1">Step 1 - Enter your OOM message</h2>
<textarea autocomplete="off" cols="100" id="textarea_oom" onfocusin="OOMAnalyser.OOMDisplayInstance.empty_textarea_oom()" rows="20" title="OOM input field">Add your OOMhere</textarea>
<br/>
@ -170,7 +169,7 @@ function goBack() {
<button onclick="OOMAnalyser.OOMDisplayInstance.copy_example_to_form()" title="Copy an example OOM into the input area">Insert example</button>
</div>
<div class="text--default-hide js-text--display-none" id="analysis">
<div class="js-text--default-hide js-text--display-none" id="analysis">
<h2 id="step2">Step 2 - Results</h2>
<p>
@ -640,7 +639,7 @@ function goBack() {
title="Show / hide news">(click to show / hide)</a>
</div>
<div class="text--default-hide js-text--display-none" id="changelog">
<div class="js-text--default-hide js-text--display-none" id="changelog">
<h3>Version 0.3.0 - 2019-XX-XX:</h3>
<h4>General</h4>
@ -672,7 +671,7 @@ function goBack() {
title="Show / hide installation guide">(click to show / hide)</a>
</div>
<div class="text--default-hide js-text--display-none" id="installation">
<div class="js-text--default-hide js-text--display-none" id="installation">
Installing OOMAnalyser is quite easy since OOMAnalyser consists only of two files, a
HTML file and a JavaScript file. Both can be stored locally to use OOMAnalyser
without an Internet connection.

View File

@ -871,11 +871,11 @@ Killed process 6576 (java) total-vm:33914892kB, anon-rss:20629004kB, file-rss:0k
document.getElementById('textarea_oom').value = self.paste_note
# hide all elements marked to be hidden by default
for element in document.querySelectorAll('.text--default-hide'):
for element in document.querySelectorAll('.js-text--default-hide'):
element.classList.add('js-text--display-none')
# show all elements marked to be shown by default
for element in document.querySelectorAll('.text--default-show'):
for element in document.querySelectorAll('.js-text--default-show'):
element.classList.remove('js-text--display-none')
# show hidden rows