Commit 21013983 authored by David Steeb's avatar David Steeb
Browse files

[TASK] Optimize backend page header info text/collapsible

Related: T3DEMO-269
parent 6642eb1f
Pipeline #10157 passed with stage
in 2 minutes and 9 seconds
...@@ -6,16 +6,17 @@ ...@@ -6,16 +6,17 @@
<div class="b_notes"> <div class="b_notes">
<input type="checkbox" id="notes_detail" class="b_pseudo" /> <input type="checkbox" id="notes_detail" class="b_pseudo" />
<label class="b_notes__header-label" for="notes_detail"> <label class="b_notes__header-label {f:if(condition: data.infotext, then: 'b_notes__header-label--expandable')}" for="notes_detail">
<h3 class="b_notes__header">{data.infotext_header}</h3> <h3 class="b_notes__header">
<f:if condition="{data.infotext}"> <f:if condition="{data.infotext}">
<span class="b_notes__indicator b_notes__indicator--expand"> <span class="b_notes__indicator b_notes__indicator--expand">
<core:icon identifier="actions-view-list-expand" size="default"/> <core:icon identifier="actions-add" size="small"/>
</span> </span>
<span class="b_notes__indicator b_notes__indicator--collapse"> <span class="b_notes__indicator b_notes__indicator--collapse">
<core:icon identifier="actions-view-list-collapse" size="default"/> <core:icon identifier="actions-remove" size="small"/>
</span> </span>
</f:if> </f:if>
{data.infotext_header}</h3>
</label> </label>
<f:if condition="{data.infotext}"> <f:if condition="{data.infotext}">
<div class="b_notes__detailcontainer"> <div class="b_notes__detailcontainer">
......
...@@ -128,19 +128,24 @@ ...@@ -128,19 +128,24 @@
} }
&__header-label { &__header-label {
cursor: pointer;
position: relative; position: relative;
width: 100%; width: 100%;
&--expandable {
cursor: pointer;
}
} }
&__indicator { &__indicator {
position: absolute; position: relative;
right: 0; bottom: 2px;
top: 2px; .icon-size-small {
}
&--collapse { &--collapse {
display: none; display: none;
#notes_detail:checked ~ .b_notes__header-label & { #notes_detail:checked ~ .b_notes__header-label & {
display: block; display: inline;
} }
} }
#notes_detail:checked ~ .b_notes__header-label &--expand { #notes_detail:checked ~ .b_notes__header-label &--expand {
......
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