Commit 5b8aecc2 authored by Aria Givi's avatar Aria Givi
Browse files

dropdown der einzelnen kategorien funktioniert

parent 4bad39bc
/* Rund um die Foki */ /* Rund ums Fokus Modal */
#show-create-focus { #show-create-focus {
display: none; display: none;
...@@ -38,6 +38,30 @@ ...@@ -38,6 +38,30 @@
} }
} }
} }
.focus-dropdown-toggle {
display: none;
&:not(:checked) {
& ~ .focus-dropdown-label ~ .row {
max-height: 0px;
overflow: hidden;
}
}
&:checked {
& ~ .focus-dropdown-label::after {
content: "Einklappen 🡡";
}
}
}
.focus-dropdown-label {
font-weight: normal;
&::after {
font-size: 16px;
content: "Ausklappen 🡣";
margin-left: 3px;
}
}
} }
} }
......
...@@ -30,6 +30,8 @@ ...@@ -30,6 +30,8 @@
<h3 class="focus-category"> <h3 class="focus-category">
@lang("settings.foki." . $fokus) @lang("settings.foki." . $fokus)
</h3> </h3>
<input type="checkbox" id="toggle-{{ $fokus }}-dropdown" class="focus-dropdown-toggle">
<label class="focus-dropdown-label" for="toggle-{{ $fokus }}-dropdown"></label>
<div class="row"> <div class="row">
@foreach( $sumas as $name => $data ) @foreach( $sumas as $name => $data )
<div class="col-sm-6 col-md-4 col-lg-3"> <div class="col-sm-6 col-md-4 col-lg-3">
......
Markdown is supported
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