tsai
/
squidex
mirror of https://github.com/Squidex/squidex.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Sort buttons.

pull/337/head
Sebastian Stehle 8 years ago
parent
f15fed3f56
commit
9f933b1cb3
14 changed files with 215 additions and 291 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      src/Squidex/app/features/content/shared/array-editor.component.html
  2. 9
      src/Squidex/app/features/content/shared/array-editor.component.ts
  3. 12
      src/Squidex/app/features/content/shared/array-item.component.html
  4. 9
      src/Squidex/app/features/content/shared/array-item.component.scss
  5. 25
      src/Squidex/app/features/content/shared/array-item.component.ts
  6. 252
      src/Squidex/app/theme/icomoon/demo.html
  7. BIN
      src/Squidex/app/theme/icomoon/fonts/icomoon.eot
  8. 2
      src/Squidex/app/theme/icomoon/fonts/icomoon.svg
  9. BIN
      src/Squidex/app/theme/icomoon/fonts/icomoon.ttf
  10. BIN
      src/Squidex/app/theme/icomoon/fonts/icomoon.woff
  11. 66
      src/Squidex/app/theme/icomoon/icons/caret-bottom.svg
  12. 66
      src/Squidex/app/theme/icomoon/icons/caret-top.svg
  13. 2
      src/Squidex/app/theme/icomoon/selection.json
  14. 60
      src/Squidex/app/theme/icomoon/style.css

3
src/Squidex/app/features/content/shared/array-editor.component.html
View File

@ -6,11 +6,14 @@
[form]="form"
[field]="field"
[isHidden]="isHidden"
[isFirst]="i === 0"
[isLast]="i === arrayControl.controls.length - 1"
[index]="i"
[itemForm]="itemForm"
[language]="language"
[languages]="languages"
(toggle)="hide($event)"
(moving)="move(itemForm, $event)"
(cloning)="addItem(itemForm)"
(removing)="removeItem(i)">
</sqx-array-item>

9
src/Squidex/app/features/content/shared/array-editor.component.ts
View File

@ -56,4 +56,13 @@ export class ArrayEditorComponent {
this.arrayControl.setControl(i, controls[i]);
}
}
public move(control: AbstractControl, index: number) {
let controls = [...this.arrayControl.controls];
controls.splice(controls.indexOf(control), 1);
controls.splice(index, 0, control);
this.sort(controls);
}
}

12
src/Squidex/app/features/content/shared/array-item.component.html
View File

@ -5,6 +5,18 @@
<span class="header-text text-decent">Item #{{index + 1}}</span>
<button class="btn btn-secondary btn-link" [disabled]="isFirst" (click)="moveTop(); $event.preventDefault()">
<i class="icon-caret-top"></i>
</button>
<button class="btn btn-secondary btn-link" [disabled]="isFirst" (click)="moveUp(); $event.preventDefault()">
<i class="icon-caret-up"></i>
</button>
<button class="btn btn-secondary btn-link" [disabled]="isLast" (click)="moveDown(); $event.preventDefault()">
<i class="icon-caret-down"></i>
</button>
<button class="btn btn-secondary btn-link" [disabled]="isLast" (click)="moveBottom(); $event.preventDefault()">
<i class="icon-caret-bottom"></i>
</button>
<button class="btn btn-secondary btn-link" [class.hidden]="!isHidden" (click)="toggle.emit(false); $event.preventDefault()" title="Open all items">
<i class="icon-plus-square"></i>
</button>

9
src/Squidex/app/features/content/shared/array-item.component.scss
View File

@ -19,7 +19,14 @@
}
.btn-link {
padding: .375rem;
& {
padding: .375rem;
}
&:disabled,
&.disabled {
background: transparent;
}
}
.remove {

25
src/Squidex/app/features/content/shared/array-item.component.ts
View File

@ -28,6 +28,9 @@ export class ArrayItemComponent implements OnChanges {
@Output()
public removing = new EventEmitter();
@Output()
public moving = new EventEmitter<number>();
@Output()
public cloning = new EventEmitter();
@ -43,6 +46,12 @@ export class ArrayItemComponent implements OnChanges {
@Input()
public isHidden = false;
@Input()
public isFirst = false;
@Input()
public isLast = false;
@Input()
public index: number;
@ -68,4 +77,20 @@ export class ArrayItemComponent implements OnChanges {
this.fieldControls = this.field.nested.map(field => ({ field, control: this.itemForm.get(field.name)! })).filter(x => !!x.control);
}
}
public moveTop() {
this.moving.emit(0);
}
public moveUp() {
this.moving.emit(this.index - 1);
}
public moveDown() {
this.moving.emit(this.index + 1);
}
public moveBottom() {
this.moving.emit(99999);
}
}

252
src/Squidex/app/theme/icomoon/demo.html
View File

@ -9,7 +9,7 @@
<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;110)</small></h1>
<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;112)</small></h1>
</div>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: 14</h1>
@ -640,249 +640,41 @@
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-hour-glass">
</span>
<span class="mls"> icon-hour-glass</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e954" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe954;" 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-spinner">
</span>
<span class="mls"> icon-spinner</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e953" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe953;" 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-clock">
</span>
<span class="mls"> icon-clock</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e950" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe950;" 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-bin2">
</span>
<span class="mls"> icon-bin2</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e902" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe902;" 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-earth">
</span>
<span class="mls"> icon-earth</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e9ca" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe9ca;" 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="earth, globe2" class="liga unitRight" />
</div>
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-elapsed">
</span>
<span class="mls"> icon-elapsed</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e943" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe943;" 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-google">
</span>
<span class="mls"> icon-google</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e93b" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe93b;" 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-lock">
</span>
<span class="mls"> icon-lock</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e934" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe934;" 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-microsoft">
</span>
<span class="mls"> icon-microsoft</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e940" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe940;" 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-pause">
</span>
<span class="mls"> icon-pause</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e92f" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe92f;" 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-play">
</span>
<span class="mls"> icon-play</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e930" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe930;" 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-reset">
</span>
<span class="mls"> icon-reset</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e92e" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe92e;" 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-settings2">
</span>
<span class="mls"> icon-settings2</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e92d" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe92d;" 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>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: 16</h1>
<div class="glyph fs3">
<div class="clearfix bshadow0 pbs">
<span class="icon-timeout">
<span class="icon-caret-bottom">
</span>
<span class="mls"> icon-timeout</span>
<span class="mls"> icon-caret-bottom</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e944" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe944;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e96b" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe96b;" 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="glyph fs3">
<div class="clearfix bshadow0 pbs">
<span class="icon-unlocked">
<span class="icon-caret-top">
</span>
<span class="mls"> icon-unlocked</span>
<span class="mls"> icon-caret-top</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e933" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe933;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e96c" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe96c;" 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>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: 16</h1>
<div class="glyph fs3">
<div class="clearfix bshadow0 pbs">
<span class="icon-show">
@ -1302,22 +1094,6 @@
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs4">
<div class="clearfix bshadow0 pbs">
<span class="icon-control-Stars">
</span>
<span class="mls"> icon-control-Stars</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e93a" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe93a;" 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>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: 32</h1>

BIN
src/Squidex/app/theme/icomoon/fonts/icomoon.eot
View File

Binary file not shown.

2
src/Squidex/app/theme/icomoon/fonts/icomoon.svg
View File

@ -114,6 +114,8 @@
<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="&#xe96a;" glyph-name="clone" d="M950.857 18.286v621.714c0 9.714-8.571 18.286-18.286 18.286h-621.714c-9.714 0-18.286-8.571-18.286-18.286v-621.714c0-9.714 8.571-18.286 18.286-18.286h621.714c9.714 0 18.286 8.571 18.286 18.286zM1024 640v-621.714c0-50.286-41.143-91.429-91.429-91.429h-621.714c-50.286 0-91.429 41.143-91.429 91.429v621.714c0 50.286 41.143 91.429 91.429 91.429h621.714c50.286 0 91.429-41.143 91.429-91.429zM804.571 859.428v-91.429h-73.143v91.429c0 9.714-8.571 18.286-18.286 18.286h-621.714c-9.714 0-18.286-8.571-18.286-18.286v-621.714c0-9.714 8.571-18.286 18.286-18.286h91.429v-73.143h-91.429c-50.286 0-91.429 41.143-91.429 91.429v621.714c0 50.286 41.143 91.429 91.429 91.429h621.714c50.286 0 91.429-41.143 91.429-91.429z" />
<glyph unicode="&#xe96b;" glyph-name="caret-bottom" horiz-adv-x="585" d="M585.143 411.443c0-9.728-3.986-18.871-10.862-25.71l-256-256c-6.839-6.839-16.018-10.862-25.71-10.862s-18.871 3.986-25.71 10.862l-256 256c-6.839 6.839-10.862 16.018-10.862 25.71 0 20.005 16.567 36.571 36.571 36.571h512c20.005 0 36.571-16.567 36.571-36.571zM585.143 740.557c0-9.728-3.986-18.871-10.862-25.71l-256-256c-6.839-6.839-16.018-10.862-25.71-10.862s-18.871 3.986-25.71 10.862l-256 256c-6.839 6.839-10.862 16.018-10.862 25.71 0 20.005 16.567 36.571 36.571 36.571h512c20.005 0 36.571-16.567 36.571-36.571z" />
<glyph unicode="&#xe96c;" glyph-name="caret-top" horiz-adv-x="585" d="M585.143 155.423c0-20.005-16.567-36.571-36.571-36.571h-512c-20.005 0-36.571 16.567-36.571 36.571 0 9.728 3.986 18.871 10.862 25.71l256 256c6.839 6.839 16.018 10.862 25.71 10.862s18.871-3.986 25.71-10.862l256-256c6.839-6.839 10.862-16.018 10.862-25.71zM585.143 484.577c0-20.005-16.567-36.571-36.571-36.571h-512c-20.005 0-36.571 16.567-36.571 36.571 0 9.728 3.986 18.871 10.862 25.71l256 256c6.839 6.839 16.018 10.862 25.71 10.862s18.871-3.986 25.71-10.862l256-256c6.839-6.839 10.862-16.018 10.862-25.71z" />
<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" />

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 86 KiB

After

Width:  |  Height:  |  Size: 87 KiB

BIN
src/Squidex/app/theme/icomoon/fonts/icomoon.ttf
View File

Binary file not shown.

BIN
src/Squidex/app/theme/icomoon/fonts/icomoon.woff
View File

Binary file not shown.

66
src/Squidex/app/theme/icomoon/icons/caret-bottom.svg
View File

@ -0,0 +1,66 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generated by IcoMoon.io -->
<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"
width="16"
height="28"
viewBox="0 0 16 28"
id="svg6"
sodipodi:docname="caret-down.svg"
inkscape:version="0.92.3 (2405546, 2018-03-11)">
<metadata
id="metadata12">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs10" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1278"
inkscape:window-height="1008"
id="namedview8"
showgrid="false"
inkscape:zoom="2"
inkscape:cx="-140.31126"
inkscape:cy="32.033384"
inkscape:window-x="1913"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="svg6" />
<title
id="title2">caret-down</title>
<g
id="g3749"
transform="translate(0,-0.0039063)">
<path
inkscape:connector-curvature="0"
id="path4"
d="m 16,15.003503 c 0,0.266 -0.109,0.516 -0.297,0.703 l -7,7 c -0.187,0.187 -0.438,0.297 -0.703,0.297 -0.265,0 -0.516,-0.109 -0.703,-0.297 l -7,-7 C 0.11,15.519503 0,15.268503 0,15.003503 c 0,-0.547 0.453,-1 0.99999997,-1 H 15 c 0.547,0 1,0.453 1,1 z" />
<path
id="path4-7"
d="m 15.999999,6.0043096 c 0,0.266 -0.109,0.516 -0.297,0.703 L 8.7029995,13.707309 c -0.1869999,0.187 -0.438,0.297001 -0.7029999,0.297001 -0.2650001,0 -0.5160001,-0.109 -0.7030001,-0.297001 L 0.297,6.7073096 C 0.11,6.5203096 0,6.2693096 0,6.0043096 c 0,-0.547 0.453,-1 0.99999986,-1 H 14.999999 c 0.547,0 1,0.453 1,1 z"
inkscape:connector-curvature="0" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

66
src/Squidex/app/theme/icomoon/icons/caret-top.svg
View File

@ -0,0 +1,66 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generated by IcoMoon.io -->
<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"
width="16"
height="28"
viewBox="0 0 16 28"
id="svg6"
sodipodi:docname="caret-up.svg"
inkscape:version="0.92.3 (2405546, 2018-03-11)">
<metadata
id="metadata12">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs10" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1278"
inkscape:window-height="1008"
id="namedview8"
showgrid="false"
inkscape:zoom="16"
inkscape:cx="9.6379344"
inkscape:cy="17.322397"
inkscape:window-x="3193"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="svg6" />
<title
id="title2">caret-up</title>
<g
id="g3734"
transform="translate(0.06567746,3.0040716)">
<path
inkscape:connector-curvature="0"
id="path4"
d="m 15.934323,18.996094 c 0,0.547 -0.453,1 -1,1 H 0.93432208 c -0.547,0 -1,-0.453 -1,-1 0,-0.266 0.109,-0.516 0.297,-0.703 l 7.00000002,-7 c 0.187,-0.187 0.438,-0.297 0.703,-0.297 0.265,0 0.516,0.109 0.703,0.297 l 6.9999999,7 c 0.187001,0.187 0.297001,0.438 0.297001,0.703 z" />
<path
id="path4-0"
d="m 15.934323,9.9957628 c 0,0.5470002 -0.453,1.0000002 -1,1.0000002 H 0.93432253 c -0.54699995,0 -0.99999995,-0.453 -0.99999995,-1.0000002 0,-0.266 0.109,-0.516 0.297,-0.703 l 7.00000002,-7 c 0.187,-0.187 0.438,-0.297 0.7030002,-0.297 0.265,0 0.516,0.109 0.703,0.297 l 7.0000002,7 c 0.186999,0.187 0.297,0.438 0.297,0.703 z"
inkscape:connector-curvature="0" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

2
src/Squidex/app/theme/icomoon/selection.json
View File

File diff suppressed because one or more lines are too long

60
src/Squidex/app/theme/icomoon/style.css
View File

@ -1,10 +1,10 @@
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?mo2rwz');
src: url('fonts/icomoon.eot?mo2rwz#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?mo2rwz') format('truetype'),
url('fonts/icomoon.woff?mo2rwz') format('woff'),
url('fonts/icomoon.svg?mo2rwz#icomoon') format('svg');
src: url('fonts/icomoon.eot?vexzhv');
src: url('fonts/icomoon.eot?vexzhv#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?vexzhv') format('truetype'),
url('fonts/icomoon.woff?vexzhv') format('woff'),
url('fonts/icomoon.svg?vexzhv#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
@ -141,50 +141,11 @@
.icon-download:before {
content: "\e93e";
}
.icon-hour-glass:before {
content: "\e954";
}
.icon-spinner:before {
content: "\e953";
}
.icon-clock:before {
content: "\e950";
}
.icon-bin2:before {
content: "\e902";
}
.icon-earth:before {
content: "\e9ca";
}
.icon-elapsed:before {
content: "\e943";
}
.icon-google:before {
content: "\e93b";
}
.icon-lock:before {
content: "\e934";
.icon-caret-bottom:before {
content: "\e96b";
}
.icon-microsoft:before {
content: "\e940";
}
.icon-pause:before {
content: "\e92f";
}
.icon-play:before {
content: "\e930";
}
.icon-reset:before {
content: "\e92e";
}
.icon-settings2:before {
content: "\e92d";
}
.icon-timeout:before {
content: "\e944";
}
.icon-unlocked:before {
content: "\e933";
.icon-caret-top:before {
content: "\e96c";
}
.icon-show:before {
content: "\e964";
@ -264,9 +225,6 @@
.icon-info:before {
content: "\e93c";
}
.icon-control-Stars:before {
content: "\e93a";
}
.icon-control-Color:before {
content: "\e94d";
}

Write Preview
Loading…
Cancel
Save