Open close all array items.

8 years ago · 86eeef2662
17 changed files with 424 additions and 9 deletions
--- a/src/Squidex/app/features/content/shared/array-editor.component.html
+++ b/src/Squidex/app/features/content/shared/array-editor.component.html
@ -5,10 +5,12 @@
        <sqx-array-item
            [form]="form"
            [field]="field"
+            [isHidden]="isHidden"
            [index]="i"
            [itemForm]="itemForm"
            [language]="language"
            [languages]="languages"
+            (toggle)="hide($event)"
            (removing)="removeItem(i)">
        </sqx-array-item>
    </div>
--- a/src/Squidex/app/features/content/shared/array-editor.component.ts
+++ b/src/Squidex/app/features/content/shared/array-editor.component.ts
@ -37,6 +37,12 @@ export class ArrayEditorComponent {
    @Input()
    public arrayControl: FormArray;

+    public isHidden = false;
+
+    public hide(hide: boolean) {
+        this.isHidden = hide;
+    }
+
    public removeItem(index: number) {
        this.form.removeArrayItem(this.field, this.language, index);
    }
--- a/src/Squidex/app/features/content/shared/array-item.component.html
+++ b/src/Squidex/app/features/content/shared/array-item.component.html
@ -4,6 +4,13 @@
            <i class="icon-drag2 mr-1"></i>
    
            <span class="header-text text-decent">Item #{{index + 1}}</span>
+
+            <a class="btn btn-secondary btn-link" [class.hidden]="!isHidden" (click)="toggle.emit(false)" title="Open all items">
+                <i class="icon-plus-square"></i>
+            </a>
+            <a class="btn btn-secondary btn-link" [class.hidden]="isHidden" (click)="toggle.emit(true)" title="Close all items">
+                <i class="icon-minus-square"></i>
+            </a>
        </span>

        <button type="button" class="btn btn-link btn-danger float-right" (click)="removing.emit(); $event.preventDefault()">
@ -11,7 +18,7 @@
        </button>
    </div>
    
-    <div class="card-body">
+    <div class="card-body" [class.hidden]="isHidden">
        <div class="form-group" *ngFor="let fieldControl of fieldControls">
            <sqx-field-editor
                [form]="form"
--- a/src/Squidex/app/features/content/shared/array-item.component.scss
+++ b/src/Squidex/app/features/content/shared/array-item.component.scss
@ -10,6 +10,16 @@
    &-header {
        line-height: 2.2rem;
    }
+
+    .header-text {
+        display: inline-block;
+        min-width: 70px;
+        max-width: 100px;
+    }
+}
+
+.btn-link {
+    padding: .375rem;
 }

 .remove {
--- a/src/Squidex/app/features/content/shared/array-item.component.ts
+++ b/src/Squidex/app/features/content/shared/array-item.component.ts
@ -28,12 +28,18 @@ export class ArrayItemComponent implements OnChanges {
    @Output()
    public removing = new EventEmitter();

+    @Output()
+    public toggle = new EventEmitter<boolean>();
+
    @Input()
    public form: EditContentForm;

    @Input()
    public field: RootFieldDto;

+    @Input()
+    public isHidden = false;
+
    @Input()
    public index: number;

--- a/src/Squidex/app/theme/icomoon/demo-files/demo.css
+++ b/src/Squidex/app/theme/icomoon/demo-files/demo.css
@ -150,7 +150,7 @@ p {
  font-size: 24px;
 }
 .fs2 {
-  font-size: 32px;
+  font-size: 24px;
 }
 .fs3 {
  font-size: 20px;
--- a/src/Squidex/app/theme/icomoon/demo.html
+++ b/src/Squidex/app/theme/icomoon/demo.html
@ -9,10 +9,42 @@
    <link rel="stylesheet" href="style.css"></head>
 <body>
    <div class="bgc1 clearfix">
-        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;103)</small></h1>
+        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;109)</small></h1>
    </div>
    <div class="clearfix mhl ptl">
        <h1 class="mvm mtn fgc1">Grid Size: 24</h1>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-minus-square">
+                
+                </span>
+                <span class="mls"> icon-minus-square</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e969" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe969;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-plus-square">
+                
+                </span>
+                <span class="mls"> icon-plus-square</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e968" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe968;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
        <div class="glyph fs1">
            <div class="clearfix bshadow0 pbs">
                <span class="icon-drag2">
@ -112,6 +144,70 @@
    </div>
    <div class="clearfix mhl ptl">
        <h1 class="mvm mtn fgc1">Grid Size: 16</h1>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-show">
+                
+                </span>
+                <span class="mls"> icon-show</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e964" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe964;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-show-all">
+                
+                </span>
+                <span class="mls"> icon-show-all</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e965" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe965;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-hide">
+                
+                </span>
+                <span class="mls"> icon-hide</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e966" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe966;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-hide-all">
+                
+                </span>
+                <span class="mls"> icon-hide-all</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e967" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe967;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
        <div class="glyph fs2">
            <div class="clearfix bshadow0 pbs">
                <span class="icon-spinner2">
--- a/src/Squidex/app/theme/icomoon/fonts/icomoon.eot
+++ b/src/Squidex/app/theme/icomoon/fonts/icomoon.eot
--- a/src/Squidex/app/theme/icomoon/fonts/icomoon.svg
+++ b/src/Squidex/app/theme/icomoon/fonts/icomoon.svg
@ -107,6 +107,12 @@
 <glyph unicode="&#xe961;" glyph-name="drag2" d="M170 298.667v86h684v-86h-684zM854 554.667v-86h-684v86h684z" />
 <glyph unicode="&#xe962;" glyph-name="control-Checkboxes" d="M384 771.657h614.4c14.157 0 25.6 11.443 25.6 25.6s-11.443 25.6-25.6 25.6h-614.4c-14.131 0-25.6-11.443-25.6-25.6s11.469-25.6 25.6-25.6zM998.4 464.457h-614.4c-14.131 0-25.6-11.443-25.6-25.6s11.469-25.6 25.6-25.6h614.4c14.157 0 25.6 11.443 25.6 25.6s-11.443 25.6-25.6 25.6zM998.4 106.057h-614.4c-38.406-15.539-22.811-37.543 0-51.2h614.4c14.157 0 25.6 11.443 25.6 25.6s-11.443 25.6-25.6 25.6zM0 950.857v-307.2h307.2v307.2zM47.4 903.457h212.4v-212.4h-212.4zM0 234.057v-307.2h307.2v307.2zM47.4 186.657h212.4v-212.4h-212.4zM0 592.457v-307.2h307.2v307.2zM47.4 545.057h212.4v-212.4h-212.4zM89.6 861.257h128v-128h-128v128z" />
 <glyph unicode="&#xe963;" glyph-name="control-Tags" horiz-adv-x="1140" d="M498.787 620.534v49.548h112.31v66.065c0 49.548-39.639 89.187-89.187 89.187s-89.187-39.639-89.187-89.187v-541.729l89.187-161.858 89.187 161.858v426.116zM360.052 234.057h-66.065c-59.458 0-105.703 46.245-105.703 105.703v254.348c0 59.458 46.245 105.703 105.703 105.703h66.065v42.942h-66.065c-82.581 0-148.645-66.065-148.645-148.645v-254.348c0-82.581 66.065-148.645 148.645-148.645h66.065zM852.232 689.902c-26.426 33.032-66.065 52.852-109.006 52.852h-59.458v-42.942h39.639c42.942 0 82.581-19.819 109.006-52.852l145.342-181.677-142.039-178.374c-26.426-33.032-69.368-52.852-112.31-52.852h-36.335v-42.942h56.155c42.942 0 85.884 19.819 112.31 52.852l178.374 221.316z" />
+<glyph unicode="&#xe964;" glyph-name="show" d="M256 857.6c-28.314 0-51.2-22.886-51.2-51.2v-256h51.2v256h307.2v-153.6c0-28.314 22.886-51.2 51.2-51.2h153.6v-512h-512v460.8h-51.2v-460.8c0-28.314 22.886-51.2 51.2-51.2h512c28.314 0 51.2 22.886 51.2 51.2v548.2l-219.8 219.8h-292.2zM614.4 770.2l117.4-117.4h-117.4zM408.906 372.28l-35.3 37 138.1 131.9 138-131.9-35.3-37-102.7 98.1zM511.706 186.88l-138.1 131.9 35.3 37 102.8-98.1 102.7 98.1 35.3-37z" />
+<glyph unicode="&#xe965;" glyph-name="show-all" d="M256 857.6c-28.314 0-51.2-22.886-51.2-51.2v-256h51.2v256h307.2v-153.6c0-28.314 22.886-51.2 51.2-51.2h153.6v-512h-512v460.8h-51.2v-460.8c0-28.314 22.886-51.2 51.2-51.2h512c28.314 0 51.2 22.886 51.2 51.2v548.2l-219.8 219.8h-292.2zM614.4 770.2l117.4-117.4h-117.4zM348.394 944.012c-28.314 0-51.2-22.886-51.2-51.2v-23.7h51.2v23.7h307.2l204.8-204.8v-512h-23.8v-51.2h23.8c28.314 0 51.2 22.886 51.2 51.2v548.2l-219.8 219.8h-292.2zM408.906 372.28l-35.3 37 138.1 131.9 138-131.9-35.3-37-102.7 98.1zM511.706 186.88l-138.1 131.9 35.3 37 102.8-98.1 102.7 98.1 35.3-37z" />
+<glyph unicode="&#xe966;" glyph-name="hide" d="M256 857.6c-28.314 0-51.2-22.886-51.2-51.2v-256h51.2v256h307.2v-153.6c0-28.314 22.886-51.2 51.2-51.2h153.6v-512h-512v460.8h-51.2v-460.8c0-28.314 22.886-51.2 51.2-51.2h512c28.314 0 51.2 22.886 51.2 51.2v548.2l-219.8 219.8h-292.2zM614.4 770.2l117.4-117.4h-117.4zM408.9 541.2l-35.3-37 138-131.9 138.1 131.9-35.3 37-102.8-98.1zM511.6 355.8l-138-131.9 35.3-37 102.7 98.1 102.8-98.1 35.3 37z" />
+<glyph unicode="&#xe967;" glyph-name="hide-all" d="M408.9 541.2l-35.3-37 138.1-131.9 138 131.9-35.3 37-102.7-98.1zM511.7 355.8l-138.1-131.9 35.3-37 102.8 98.1 102.7-98.1 35.3 37zM256 857.6c-28.314 0-51.2-22.886-51.2-51.2v-256h51.2v256h307.2v-153.6c0-28.314 22.886-51.2 51.2-51.2h153.6v-512h-512v460.8h-51.2v-460.8c0-28.314 22.886-51.2 51.2-51.2h512c28.314 0 51.2 22.886 51.2 51.2v548.2l-219.8 219.8h-292.2zM614.4 770.2l117.4-117.4h-117.4zM348.394 944.012c-28.314 0-51.2-22.886-51.2-51.2v-23.7h51.2v23.7h307.2l204.8-204.8v-512h-23.8v-51.2h23.8c28.314 0 51.2 22.886 51.2 51.2v548.2l-219.8 219.8h-292.2z" />
+<glyph unicode="&#xe968;" glyph-name="plus-square" d="M810.667 853.334h-597.333c-72.533 0-128-55.467-128-128v-597.333c0-72.533 55.467-128 128-128h597.333c72.533 0 128 55.467 128 128v597.333c0 72.533-55.467 128-128 128zM853.333 128c0-25.6-17.067-42.667-42.667-42.667h-597.333c-25.6 0-42.667 17.067-42.667 42.667v597.333c0 25.6 17.067 42.667 42.667 42.667h597.333c25.6 0 42.667-17.067 42.667-42.667v-597.333zM682.667 469.334h-128v128c0 25.6-17.067 42.667-42.667 42.667s-42.667-17.067-42.667-42.667v-128h-128c-25.6 0-42.667-17.067-42.667-42.667s17.067-42.667 42.667-42.667h128v-128c0-25.6 17.067-42.667 42.667-42.667s42.667 17.067 42.667 42.667v128h128c25.6 0 42.667 17.067 42.667 42.667s-17.067 42.667-42.667 42.667z" />
+<glyph unicode="&#xe969;" glyph-name="minus-square" d="M810.667 853.334h-597.333c-72.533 0-128-55.467-128-128v-597.333c0-72.533 55.467-128 128-128h597.333c72.533 0 128 55.467 128 128v597.333c0 72.533-55.467 128-128 128zM853.333 128c0-25.6-17.067-42.667-42.667-42.667h-597.333c-25.6 0-42.667 17.067-42.667 42.667v597.333c0 25.6 17.067 42.667 42.667 42.667h597.333c25.6 0 42.667-17.067 42.667-42.667v-597.333zM682.667 469.334h-341.333c-25.6 0-42.667-17.067-42.667-42.667s17.067-42.667 42.667-42.667h341.333c25.6 0 42.667 17.067 42.667 42.667s-17.067 42.667-42.667 42.667z" />
 <glyph unicode="&#xe9ca;" glyph-name="earth" d="M512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512 512 229.23 512 512-229.23 512-512 512zM512-0.002c-62.958 0-122.872 13.012-177.23 36.452l233.148 262.29c5.206 5.858 8.082 13.422 8.082 21.26v96c0 17.674-14.326 32-32 32-112.99 0-232.204 117.462-233.374 118.626-6 6.002-14.14 9.374-22.626 9.374h-128c-17.672 0-32-14.328-32-32v-192c0-12.122 6.848-23.202 17.69-28.622l110.31-55.156v-187.886c-116.052 80.956-192 215.432-192 367.664 0 68.714 15.49 133.806 43.138 192h116.862c8.488 0 16.626 3.372 22.628 9.372l128 128c6 6.002 9.372 14.14 9.372 22.628v77.412c40.562 12.074 83.518 18.588 128 18.588 70.406 0 137.004-16.26 196.282-45.2-4.144-3.502-8.176-7.164-12.046-11.036-36.266-36.264-56.236-84.478-56.236-135.764s19.97-99.5 56.236-135.764c36.434-36.432 85.218-56.264 135.634-56.26 3.166 0 6.342 0.080 9.518 0.236 13.814-51.802 38.752-186.656-8.404-372.334-0.444-1.744-0.696-3.488-0.842-5.224-81.324-83.080-194.7-134.656-320.142-134.656z" />
 <glyph unicode="&#xf00a;" glyph-name="grid" d="M292.571 237.714v-109.714c0-30.286-24.571-54.857-54.857-54.857h-182.857c-30.286 0-54.857 24.571-54.857 54.857v109.714c0 30.286 24.571 54.857 54.857 54.857h182.857c30.286 0 54.857-24.571 54.857-54.857zM292.571 530.286v-109.714c0-30.286-24.571-54.857-54.857-54.857h-182.857c-30.286 0-54.857 24.571-54.857 54.857v109.714c0 30.286 24.571 54.857 54.857 54.857h182.857c30.286 0 54.857-24.571 54.857-54.857zM658.286 237.714v-109.714c0-30.286-24.571-54.857-54.857-54.857h-182.857c-30.286 0-54.857 24.571-54.857 54.857v109.714c0 30.286 24.571 54.857 54.857 54.857h182.857c30.286 0 54.857-24.571 54.857-54.857zM292.571 822.857v-109.714c0-30.286-24.571-54.857-54.857-54.857h-182.857c-30.286 0-54.857 24.571-54.857 54.857v109.714c0 30.286 24.571 54.857 54.857 54.857h182.857c30.286 0 54.857-24.571 54.857-54.857zM658.286 530.286v-109.714c0-30.286-24.571-54.857-54.857-54.857h-182.857c-30.286 0-54.857 24.571-54.857 54.857v109.714c0 30.286 24.571 54.857 54.857 54.857h182.857c30.286 0 54.857-24.571 54.857-54.857zM1024 237.714v-109.714c0-30.286-24.571-54.857-54.857-54.857h-182.857c-30.286 0-54.857 24.571-54.857 54.857v109.714c0 30.286 24.571 54.857 54.857 54.857h182.857c30.286 0 54.857-24.571 54.857-54.857zM658.286 822.857v-109.714c0-30.286-24.571-54.857-54.857-54.857h-182.857c-30.286 0-54.857 24.571-54.857 54.857v109.714c0 30.286 24.571 54.857 54.857 54.857h182.857c30.286 0 54.857-24.571 54.857-54.857zM1024 530.286v-109.714c0-30.286-24.571-54.857-54.857-54.857h-182.857c-30.286 0-54.857 24.571-54.857 54.857v109.714c0 30.286 24.571 54.857 54.857 54.857h182.857c30.286 0 54.857-24.571 54.857-54.857zM1024 822.857v-109.714c0-30.286-24.571-54.857-54.857-54.857h-182.857c-30.286 0-54.857 24.571-54.857 54.857v109.714c0 30.286 24.571 54.857 54.857 54.857h182.857c30.286 0 54.857-24.571 54.857-54.857z" />
 <glyph unicode="&#xf0c9;" glyph-name="list1" horiz-adv-x="878" d="M877.714 182.857v-73.143c0-20-16.571-36.571-36.571-36.571h-804.571c-20 0-36.571 16.571-36.571 36.571v73.143c0 20 16.571 36.571 36.571 36.571h804.571c20 0 36.571-16.571 36.571-36.571zM877.714 475.428v-73.143c0-20-16.571-36.571-36.571-36.571h-804.571c-20 0-36.571 16.571-36.571 36.571v73.143c0 20 16.571 36.571 36.571 36.571h804.571c20 0 36.571-16.571 36.571-36.571zM877.714 768v-73.143c0-20-16.571-36.571-36.571-36.571h-804.571c-20 0-36.571 16.571-36.571 36.571v73.143c0 20 16.571 36.571 36.571 36.571h804.571c20 0 36.571-16.571 36.571-36.571z" />
--- a/src/Squidex/app/theme/icomoon/fonts/icomoon.ttf
+++ b/src/Squidex/app/theme/icomoon/fonts/icomoon.ttf
--- a/src/Squidex/app/theme/icomoon/fonts/icomoon.woff
+++ b/src/Squidex/app/theme/icomoon/fonts/icomoon.woff
--- a/src/Squidex/app/theme/icomoon/icons/hide-all.svg
+++ b/src/Squidex/app/theme/icomoon/icons/hide-all.svg
@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   width="20px"
+   height="20px"
+   viewBox="0 0 20 20"
+   enable-background="new 0 0 20 20"
+   xml:space="preserve"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="hide-all.svg"><metadata
+     id="metadata17"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs15" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1017"
+     id="namedview13"
+     showgrid="false"
+     inkscape:zoom="22.627418"
+     inkscape:cx="13.001263"
+     inkscape:cy="11.856095"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1"
+     inkscape:snap-to-guides="true"
+     inkscape:snap-grids="false" /><path
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+     d="M 7.9863281,8.1796875 7.296875,8.9023438 9.9941406,11.478516 12.689453,8.9023438 12,8.1796875 9.9941406,10.095703 Z"
+     id="path4553-8"
+     inkscape:connector-curvature="0" /><path
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+     d="M 9.9941406,11.800781 7.296875,14.376953 7.9863281,15.099609 9.9941406,13.183594 12,15.099609 12.689453,14.376953 Z"
+     id="path4553-9-7"
+     inkscape:connector-curvature="0" /><g
+     id="g4728"
+     transform="translate(-1.4278535,-0.91235)"><path
+       clip-path="none"
+       mask="none"
+       sodipodi:nodetypes="ssccccsscccccccsscccssccccccscccc"
+       inkscape:connector-curvature="0"
+       id="path7-9"
+       d="m 6.4278534,2.912349 c -0.553,0 -1,0.447 -1,1 V 8.91235 h 1 V 3.912349 H 12.427853 V 6.91235 c 0,0.553 0.447,1 1,1 h 3 v 10 h -4 -2.9999996 -3 v -9 h -1 v 9 c 0,0.553 0.447,1 1,1 h 1 2 2.9999996 4 c 0.553,0 1,-0.447 1,-1 V 9.9123499 7.91235 7.205319 L 13.134884,2.912349 H 12.427853 7.4278534 Z m 6.9999996,1.707032 2.292969,2.292969 h -2.292969 z"
+       style="display:inline;fill:#000000" /><path
+       id="path7-9-8"
+       d="m 8.2324219,1.2246094 c -0.553,0 -1,0.447 -1,1 V 2.6875 h 1 V 2.2246094 h 6.0000001 l 4,4 v 9.9140626 0.08594 h -0.464844 v 1 h 0.464844 c 0.553,0 1,-0.447 1,-1 v -7.9999996 -2 -0.7070313 L 14.939453,1.2246094 H 14.232422 9.2324219 Z"
+       clip-path="none"
+       mask="none"
+       style="display:inline;fill:#000000"
+       inkscape:connector-curvature="0" /></g></svg>
--- a/src/Squidex/app/theme/icomoon/icons/hide.svg
+++ b/src/Squidex/app/theme/icomoon/icons/hide.svg
@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   width="20px"
+   height="20px"
+   viewBox="0 0 20 20"
+   enable-background="new 0 0 20 20"
+   xml:space="preserve"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="hide.svg"><metadata
+     id="metadata17"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs15" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1017"
+     id="namedview13"
+     showgrid="false"
+     inkscape:zoom="22.627417"
+     inkscape:cx="5.5837903"
+     inkscape:cy="15.957992"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1"
+     inkscape:snap-to-guides="true"
+     inkscape:snap-grids="false" /><path
+     style="display:inline;fill:#000000"
+     d="m 4.9999999,1.9999998 c -0.553,0 -1,0.447 -1,1 v 5.0000004 h 1 V 2.9999998 H 11 v 3.0000004 c 0,0.553 0.447,1 1,1 h 3 V 17 h -4 -3.0000001 -3 V 8.0000002 h -1 V 17 c 0,0.553 0.447,1 1,1 h 1 2 H 11 15 c 0.553,0 1,-0.447 1,-1 v -7.9999998 -2 V 6.292969 L 11.707031,1.9999998 H 11 5.9999999 Z M 12,3.7070315 14.292969,6.0000002 H 12 Z"
+     id="path7"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="ssccccsscccccccsscccssccccccscccc"
+     mask="none"
+     clip-path="none" /><path
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+     d="M 7.9863281,8.1796875 7.296875,8.9023438 9.9921875,11.478516 12.689453,8.9023438 12,8.1796875 9.9921875,10.095703 Z"
+     id="path4553-8"
+     inkscape:connector-curvature="0" /><path
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+     d="M 9.9921875,11.800781 7.296875,14.376953 7.9863281,15.099609 9.9921875,13.183594 12,15.099609 12.689453,14.376953 Z"
+     id="path4553-9-7"
+     inkscape:connector-curvature="0" /></svg>
--- a/src/Squidex/app/theme/icomoon/icons/show-all.svg
+++ b/src/Squidex/app/theme/icomoon/icons/show-all.svg
@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   width="20px"
+   height="20px"
+   viewBox="0 0 20 20"
+   enable-background="new 0 0 20 20"
+   xml:space="preserve"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="show-all.svg"><metadata
+     id="metadata17"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs15" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1017"
+     id="namedview13"
+     showgrid="false"
+     inkscape:zoom="11.313709"
+     inkscape:cx="9.0602094"
+     inkscape:cy="14.082047"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1"
+     inkscape:snap-to-guides="true"
+     inkscape:snap-grids="false" /><g
+     id="g4728"
+     transform="translate(-1.4278535,-0.91235)"><path
+       clip-path="none"
+       mask="none"
+       sodipodi:nodetypes="ssccccsscccccccsscccssccccccscccc"
+       inkscape:connector-curvature="0"
+       id="path7-9"
+       d="m 6.4278534,2.912349 c -0.553,0 -1,0.447 -1,1 V 8.91235 h 1 V 3.912349 H 12.427853 V 6.91235 c 0,0.553 0.447,1 1,1 h 3 v 10 h -4 -2.9999996 -3 v -9 h -1 v 9 c 0,0.553 0.447,1 1,1 h 1 2 2.9999996 4 c 0.553,0 1,-0.447 1,-1 V 9.9123499 7.91235 7.205319 L 13.134884,2.912349 H 12.427853 7.4278534 Z m 6.9999996,1.707032 2.292969,2.292969 h -2.292969 z"
+       style="display:inline;fill:#000000" /><path
+       id="path7-9-8"
+       d="m 8.2324219,1.2246094 c -0.553,0 -1,0.447 -1,1 V 2.6875 h 1 V 2.2246094 h 6.0000001 l 4,4 v 9.9140626 0.08594 h -0.464844 v 1 h 0.464844 c 0.553,0 1,-0.447 1,-1 v -7.9999996 -2 -0.7070313 L 14.939453,1.2246094 H 14.232422 9.2324219 Z"
+       clip-path="none"
+       mask="none"
+       style="display:inline;fill:#000000"
+       inkscape:connector-curvature="0" /></g><path
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+     d="M 7.9864531,11.478907 7.297,10.756251 9.9942654,8.1800781 12.689578,10.756251 12.000125,11.478907 9.9942654,9.5628911 Z"
+     id="path4553-8"
+     inkscape:connector-curvature="0" /><path
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+     d="M 9.9942654,15.1 7.297,12.523828 l 0.6894531,-0.722656 2.0078123,1.916015 2.0058596,-1.916015 0.689453,0.722656 z"
+     id="path4553-9-7"
+     inkscape:connector-curvature="0" /></svg>
--- a/src/Squidex/app/theme/icomoon/icons/show.svg
+++ b/src/Squidex/app/theme/icomoon/icons/show.svg
@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   width="20px"
+   height="20px"
+   viewBox="0 0 20 20"
+   enable-background="new 0 0 20 20"
+   xml:space="preserve"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="show.svg"><metadata
+     id="metadata17"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs15" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1017"
+     id="namedview13"
+     showgrid="false"
+     inkscape:zoom="22.627417"
+     inkscape:cx="5.5837903"
+     inkscape:cy="14.190225"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1"
+     inkscape:snap-to-guides="true"
+     inkscape:snap-grids="false" /><path
+     style="display:inline;fill:#000000"
+     d="m 4.9999999,1.9999998 c -0.553,0 -1,0.447 -1,1 v 5.0000004 h 1 V 2.9999998 H 11 v 3.0000004 c 0,0.553 0.447,1 1,1 h 3 V 17 h -4 -3.0000001 -3 V 8.0000002 h -1 V 17 c 0,0.553 0.447,1 1,1 h 1 2 H 11 15 c 0.553,0 1,-0.447 1,-1 v -7.9999998 -2 V 6.292969 L 11.707031,1.9999998 H 11 5.9999999 Z M 12,3.7070315 14.292969,6.0000002 H 12 Z"
+     id="path7"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="ssccccsscccccccsscccssccccccscccc"
+     mask="none"
+     clip-path="none" /><path
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+     d="M 7.9864527,11.478907 7.297,10.756251 9.9942657,8.1800785 12.689578,10.756251 12.000125,11.478907 9.9942657,9.5628915 Z"
+     id="path4553-8"
+     inkscape:connector-curvature="0" /><path
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+     d="M 9.9942657,15.1 7.297,12.523828 l 0.6894527,-0.722656 2.007813,1.916015 2.0058593,-1.916015 0.689453,0.722656 z"
+     id="path4553-9-7"
+     inkscape:connector-curvature="0" /></svg>
--- a/src/Squidex/app/theme/icomoon/selection.json
+++ b/src/Squidex/app/theme/icomoon/selection.json
--- a/src/Squidex/app/theme/icomoon/style.css
+++ b/src/Squidex/app/theme/icomoon/style.css
@ -1,10 +1,10 @@
@font-face {
  font-family: 'icomoon';
-  src:  url('fonts/icomoon.eot?2tmnw3');
-  src:  url('fonts/icomoon.eot?2tmnw3#iefix') format('embedded-opentype'),
-    url('fonts/icomoon.ttf?2tmnw3') format('truetype'),
-    url('fonts/icomoon.woff?2tmnw3') format('woff'),
-    url('fonts/icomoon.svg?2tmnw3#icomoon') format('svg');
+  src:  url('fonts/icomoon.eot?5dzhok');
+  src:  url('fonts/icomoon.eot?5dzhok#iefix') format('embedded-opentype'),
+    url('fonts/icomoon.ttf?5dzhok') format('truetype'),
+    url('fonts/icomoon.woff?5dzhok') format('woff'),
+    url('fonts/icomoon.svg?5dzhok#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
 }
@ -24,6 +24,12 @@
  -moz-osx-font-smoothing: grayscale;
 }

+.icon-minus-square:before {
+  content: "\e969";
+}
+.icon-plus-square:before {
+  content: "\e968";
+}
 .icon-drag2:before {
  content: "\e961";
 }
@ -42,6 +48,18 @@
 .icon-download:before {
  content: "\e93e";
 }
+.icon-show:before {
+  content: "\e964";
+}
+.icon-show-all:before {
+  content: "\e965";
+}
+.icon-hide:before {
+  content: "\e966";
+}
+.icon-hide-all:before {
+  content: "\e967";
+}
 .icon-spinner2:before {
  content: "\e959";
 }