IEEE.org     |     IEEE Xplore Digital Library     |     IEEE Standards     |     IEEE Spectrum     |     More Sites

Commit dbaaee82 authored by Amy Rose's avatar Amy Rose
Browse files

remove unnecessary double wrapper

parent b1f1e48e
Pipeline #858 passed with stage
in 3 minutes and 25 seconds
{% comment %}
TODO: documentation
Multiple wrappers necessary for CSS absolute positioning tricks.
{% endcomment %}
<div class="checkbox-dropdown-wrapper-wrapper">
<div class="checkbox-dropdown-wrapper">
<div class="checkbox-dropdown">
<input
type="checkbox"
id="header-{{ include.name }}"
class="checkbox-header"
/>
<label for="header-{{ include.name }}">{{ include.label }}</label>
<ul class="checkbox-dropdown-list">
{% for option in include.options %}
<li>
<input
type="checkbox"
id="{{ option }}"
name="{{ include.name }}"
value="{{ option }}"
/>
<label for="{{ option }}">{{ option }}</label>
</li>
{% endfor %}
</ul>
</div>
<div class="checkbox-dropdown-container">
<div class="checkbox-dropdown">
<input
type="checkbox"
id="header-{{ include.name }}"
class="checkbox-header"
/>
<label for="header-{{ include.name }}">{{ include.label }}</label>
<ul class="checkbox-dropdown-list">
{% for option in include.options %}
<li>
<input
type="checkbox"
id="{{ option }}"
name="{{ include.name }}"
value="{{ option }}"
/>
<label for="{{ option }}">{{ option }}</label>
</li>
{% endfor %}
</ul>
</div>
</div>
......@@ -4,9 +4,8 @@ $checkbox-dropdown-height: 2.5rem;
$checkbox-dropdown-padding: 1em;
$checkbox-size: 1.5em;
.checkbox-dropdown-wrapper {
height: 0;
margin-bottom: $checkbox-dropdown-height;
.checkbox-dropdown-container {
height: $checkbox-dropdown-height;
}
.checkbox-dropdown {
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment