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

Collapse schemas panel.

pull/470/head
Sebastian 6 years ago
parent
284c58c290
commit
98e193279d
13 changed files with 592 additions and 247 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. 47
      frontend/app/features/content/pages/schemas/schemas-page.component.html
  2. 26
      frontend/app/features/content/pages/schemas/schemas-page.component.scss
  3. 18
      frontend/app/features/content/pages/schemas/schemas-page.component.ts
  4. 3
      frontend/app/framework/angular/panel-container.directive.ts
  5. 39
      frontend/app/framework/angular/panel.component.ts
  6. 4
      frontend/app/theme/icomoon/demo-files/demo.css
  7. 532
      frontend/app/theme/icomoon/demo.html
  8. BIN
      frontend/app/theme/icomoon/fonts/icomoon.eot
  9. 2
      frontend/app/theme/icomoon/fonts/icomoon.svg
  10. BIN
      frontend/app/theme/icomoon/fonts/icomoon.ttf
  11. BIN
      frontend/app/theme/icomoon/fonts/icomoon.woff
  12. 2
      frontend/app/theme/icomoon/selection.json
  13. 166
      frontend/app/theme/icomoon/style.css

47
frontend/app/features/content/pages/schemas/schemas-page.component.html
View File

@ -1,28 +1,47 @@
<sqx-title message="Contents"></sqx-title>
<sqx-panel theme="dark" desiredWidth="16rem" showSecondHeader="true">
<sqx-panel theme="dark" [desiredWidth]="width" [showClose]="!isCollapsed" showSecondHeader="true">
<ng-container title>
Schemas
<ng-container *ngIf="!isCollapsed">
Schemas
</ng-container>
</ng-container>
<ng-container header>
<a class="panel-close btn-collapse" [class.collapsed]="isCollapsed" (click)="toggle()">
<i
[class.icon-angle-double-left]="!isCollapsed"
[class.icon-angle-double-right]="isCollapsed">
</i>
</a>
</ng-container>
<ng-container secondHeader>
<sqx-shortcut keys="ctrl+shift+f" (trigger)="inputFind.focus()"></sqx-shortcut>
<ng-container *ngIf="!isCollapsed">
<sqx-shortcut keys="ctrl+shift+f" (trigger)="inputFind.focus()"></sqx-shortcut>
<div class="search-form">
<input class="form-control form-control-dark" #inputFind [formControl]="schemasFilter" placeholder="Search for schemas" />
<div class="search-form">
<input class="form-control form-control-dark" #inputFind [formControl]="schemasFilter" placeholder="Search for schemas" />
<i class="icon-search"></i>
</div>
<i class="icon-search"></i>
</div>
</ng-container>
</ng-container>
<ng-container content>
<ng-container *ngIf="schemasState.publishedSchemas | async; let schemas">
<sqx-schema-category *ngFor="let category of schemasState.categories | async; trackBy: trackByCategory"
[schemaCategory]="category"
[schemasFilter]="schemasFilter.valueChanges | async"
[forContent]="true">
</sqx-schema-category>
</ng-container>
<div [class.hidden]="isCollapsed">
<ng-container *ngIf="schemasState.publishedSchemas | async; let schemas">
<sqx-schema-category *ngFor="let category of schemasState.categories | async; trackBy: trackByCategory"
[schemaCategory]="category"
[schemasFilter]="schemasFilter.valueChanges | async"
[forContent]="true">
</sqx-schema-category>
</ng-container>
</div>
<div class="headline" [class.hidden]="!isCollapsed">
Schemas
</div>
</ng-container>
</sqx-panel>

26
frontend/app/features/content/pages/schemas/schemas-page.component.scss
View File

@ -1,2 +1,26 @@
@import '_vars';
@import '_mixins';
@import '_mixins';
.btn-collapse {
& {
font-size: 1.2rem;
font-weight: 300;
line-height: 1rem;
right: 3rem;
}
&:hover {
color: $color-dark-foreground;
}
&.collapsed {
right: 1rem;
}
}
.headline {
font-size: 1.2rem;
font-weight: 400;
margin-top: 50px;
transform: rotate(-90deg);
}

18
frontend/app/features/content/pages/schemas/schemas-page.component.ts
View File

@ -8,7 +8,7 @@
import { Component, OnInit } from '@angular/core';
import { FormControl } from '@angular/forms';
import { SchemaCategory, SchemasState } from '@app/shared';
import { LocalStoreService, SchemaCategory, SchemasState } from '@app/shared';
@Component({
selector: 'sqx-schemas-page',
@ -18,15 +18,29 @@ import { SchemaCategory, SchemasState } from '@app/shared';
export class SchemasPageComponent implements OnInit {
public schemasFilter = new FormControl();
public isCollapsed: boolean;
public get width() {
return this.isCollapsed ? '4rem' : '16rem';
}
constructor(
public readonly schemasState: SchemasState
public readonly schemasState: SchemasState,
private readonly localStore: LocalStoreService
) {
this.isCollapsed = localStore.getBoolean('content.schemas.collapsed');
}
public ngOnInit() {
this.schemasState.load();
}
public toggle() {
this.isCollapsed = !this.isCollapsed;
this.localStore.setBoolean('content.schemas.collapsed', this.isCollapsed);
}
public trackByCategory(index: number, category: SchemaCategory) {
return category.name;
}

3
frontend/app/framework/angular/panel-container.directive.ts
View File

@ -5,6 +5,8 @@
* Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved.
*/
// tslint:disable: readonly-array
import { AfterViewInit, Directive, ElementRef, HostListener, Renderer2 } from '@angular/core';
import { PanelComponent } from './panel.component';
@ -13,7 +15,6 @@ import { PanelComponent } from './panel.component';
selector: '[sqxPanelContainer]'
})
export class PanelContainerDirective implements AfterViewInit {
// tslint:disable-next-line: readonly-array
private readonly panels: PanelComponent[] = [];
private isViewInit = false;
private containerWidth = 0;

39
frontend/app/framework/angular/panel.component.ts
View File

@ -5,7 +5,7 @@
* Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved.
*/
import { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, OnDestroy, OnInit, Output, Renderer2, ViewChild } from '@angular/core';
import { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, Renderer2, SimpleChanges, ViewChild } from '@angular/core';
import { slideRightAnimation } from '@app/framework/internal';
@ -20,8 +20,18 @@ import { PanelContainerDirective } from './panel-container.directive';
],
changeDetection: ChangeDetectionStrategy.OnPush
})
export class PanelComponent implements AfterViewInit, OnDestroy, OnInit {
export class PanelComponent implements AfterViewInit, OnChanges, OnDestroy, OnInit {
private styleWidth: string;
private renderWidthField = 0;
private isViewInitField = false;
public get renderWidth() {
return this.renderWidthField;
}
public get isViewInit() {
return this.isViewInitField;
}
@Output()
public close = new EventEmitter();
@ -60,20 +70,17 @@ export class PanelComponent implements AfterViewInit, OnDestroy, OnInit {
public showClose = true;
@Input()
public grid = false;
@Input()
public noPadding = false;
public contentClass = '';
@Input()
public customClose = false;
public sidebarClass = '';
@ViewChild('panel', { static: false })
public panel: ElementRef<HTMLElement>;
public renderWidth = 0;
public isViewInit = false;
public get customClose() {
return this.close.observers.length > 0;
}
constructor(
private readonly container: PanelContainerDirective,
@ -81,6 +88,12 @@ export class PanelComponent implements AfterViewInit, OnDestroy, OnInit {
) {
}
public ngOnChanges(changes: SimpleChanges) {
if (changes['desiredWidth'] && this.isViewInitField) {
this.container.invalidate();
}
}
public ngOnDestroy() {
this.container.pop();
}
@ -90,13 +103,13 @@ export class PanelComponent implements AfterViewInit, OnDestroy, OnInit {
}
public ngAfterViewInit() {
this.isViewInit = true;
this.isViewInitField = true;
this.container.invalidate();
}
public measure(size: string) {
if (this.styleWidth !== size && this.isViewInit) {
if (this.styleWidth !== size && this.isViewInitField) {
this.styleWidth = size;
const element = this.panel.nativeElement;
@ -105,7 +118,7 @@ export class PanelComponent implements AfterViewInit, OnDestroy, OnInit {
this.renderer.setStyle(element, 'width', size);
this.renderer.setStyle(element, 'minWidth', this.minWidth);
this.renderWidth = element.offsetWidth;
this.renderWidthField = element.offsetWidth;
}
}
}

4
frontend/app/theme/icomoon/demo-files/demo.css
View File

@ -147,10 +147,10 @@ p {
font-size: 16px;
}
.fs1 {
font-size: 24px;
font-size: 28px;
}
.fs2 {
font-size: 28px;
font-size: 24px;
}
.fs3 {
font-size: 24px;

532
frontend/app/theme/icomoon/demo.html
View File

@ -9,18 +9,18 @@
<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;128)</small></h1>
<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;130)</small></h1>
</div>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: 24</h1>
<h1 class="mvm mtn fgc1">Grid Size: 14</h1>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-create_new_folder"></span>
<span class="mls"> icon-create_new_folder</span>
<span class="icon-angle-double-right"></span>
<span class="mls"> icon-angle-double-right</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e97b" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe97b;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e97d" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe97d;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -29,12 +29,12 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-folder"></span>
<span class="mls"> icon-folder</span>
<span class="icon-angle-double-left"></span>
<span class="mls"> icon-angle-double-left</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e97c" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe97c;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e97e" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe97e;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -43,12 +43,12 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-help2"></span>
<span class="mls"> icon-help2</span>
<span class="icon-filter-filled"></span>
<span class="mls"> icon-filter-filled</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e97a" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe97a;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e978" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe978;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -57,12 +57,12 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-trigger-Manual"></span>
<span class="mls"> icon-trigger-Manual</span>
<span class="icon-clone"></span>
<span class="mls"> icon-clone</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e979" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe979;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e96a" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe96a;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -71,12 +71,12 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-play-line"></span>
<span class="mls"> icon-play-line</span>
<span class="icon-control-Tags"></span>
<span class="mls"> icon-control-Tags</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e979" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe979;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e963" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe963;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -85,12 +85,236 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-corner-down-right"></span>
<span class="mls"> icon-corner-down-right</span>
<span class="icon-control-Checkboxes"></span>
<span class="mls"> icon-control-Checkboxes</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e977" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe977;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e962" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe962;" 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-control-Html"></span>
<span class="mls"> icon-control-Html</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e960" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe960;" 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-single-content"></span>
<span class="mls"> icon-single-content</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e958" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe958;" 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-multiple-content"></span>
<span class="mls"> icon-multiple-content</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e957" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe957;" 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-type-Array"></span>
<span class="mls"> icon-type-Array</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e956" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe956;" 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-exclamation"></span>
<span class="mls"> icon-exclamation</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e955" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe955;" 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-orleans"></span>
<span class="mls"> icon-orleans</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e94b" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe94b;" 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-document-lock"></span>
<span class="mls"> icon-document-lock</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e949" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe949;" 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-document-unpublish"></span>
<span class="mls"> icon-document-unpublish</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e93f" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe93f;" 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-angle-down"></span>
<span class="mls"> icon-angle-down</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e900" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe900;" 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-angle-left"></span>
<span class="mls"> icon-angle-left</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e901" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe901;" 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-angle-right"></span>
<span class="mls"> icon-angle-right</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e931" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe931;" 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-angle-up"></span>
<span class="mls"> icon-angle-up</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e903" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe903;" 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-api"></span>
<span class="mls"> icon-api</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e945" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe945;" 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-assets"></span>
<span class="mls"> icon-assets</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e948" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe948;" 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-bug"></span>
<span class="mls"> icon-bug</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e93d" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe93d;" 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-caret-down"></span>
<span class="mls"> icon-caret-down</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e92c" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe92c;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -99,12 +323,12 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-info-outline"></span>
<span class="mls"> icon-info-outline</span>
<span class="icon-caret-left"></span>
<span class="mls"> icon-caret-left</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e974" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe974;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e92a" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe92a;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -113,12 +337,12 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-upload-2"></span>
<span class="mls"> icon-upload-2</span>
<span class="icon-caret-right"></span>
<span class="mls"> icon-caret-right</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e972" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe972;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e929" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe929;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -127,12 +351,12 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-translate"></span>
<span class="mls"> icon-translate</span>
<span class="icon-caret-up"></span>
<span class="mls"> icon-caret-up</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e96f" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe96f;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e92b" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe92b;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -141,12 +365,12 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-arrow_back"></span>
<span class="mls"> icon-arrow_back</span>
<span class="icon-contents"></span>
<span class="mls"> icon-contents</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e96e" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe96e;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e946" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe946;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -155,12 +379,12 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-external-link"></span>
<span class="mls"> icon-external-link</span>
<span class="icon-trigger-ContentChanged"></span>
<span class="mls"> icon-trigger-ContentChanged</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e96d" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe96d;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e946" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe946;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -169,12 +393,12 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-minus-square"></span>
<span class="mls"> icon-minus-square</span>
<span class="icon-control-Date"></span>
<span class="mls"> icon-control-Date</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" />
<input type="text" readonly value="e936" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe936;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -183,12 +407,12 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-plus-square"></span>
<span class="mls"> icon-plus-square</span>
<span class="icon-control-DateTime"></span>
<span class="mls"> icon-control-DateTime</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" />
<input type="text" readonly value="e937" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe937;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -197,12 +421,12 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-drag2"></span>
<span class="mls"> icon-drag2</span>
<span class="icon-control-Markdown"></span>
<span class="mls"> icon-control-Markdown</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e961" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe961;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e938" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe938;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -211,12 +435,12 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-comments"></span>
<span class="mls"> icon-comments</span>
<span class="icon-grid"></span>
<span class="mls"> icon-grid</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e95f" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe95f;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="f00a" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xf00a;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -225,12 +449,12 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-backup"></span>
<span class="mls"> icon-backup</span>
<span class="icon-list1"></span>
<span class="mls"> icon-list1</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e95b" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe95b;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="f0c9" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xf0c9;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -239,12 +463,12 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-support"></span>
<span class="mls"> icon-support</span>
<span class="icon-user-o"></span>
<span class="mls"> icon-user-o</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e95a" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe95a;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e932" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe932;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -253,43 +477,43 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-control-RichText"></span>
<span class="mls"> icon-control-RichText</span>
<span class="icon-rules"></span>
<span class="mls"> icon-rules</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e939" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe939;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e947" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe947;" 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>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: 24</h1>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-download"></span>
<span class="mls"> icon-download</span>
<span class="icon-create_new_folder"></span>
<span class="mls"> icon-create_new_folder</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e93e" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe93e;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e97b" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe97b;" 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: 14</h1>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-filter-filled"></span>
<span class="mls"> icon-filter-filled</span>
<span class="icon-folder"></span>
<span class="mls"> icon-folder</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e978" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe978;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e97c" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe97c;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -298,12 +522,12 @@
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-clone"></span>
<span class="mls"> icon-clone</span>
<span class="icon-help2"></span>
<span class="mls"> icon-help2</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e96a" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe96a;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e97a" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe97a;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -312,12 +536,12 @@
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-control-Tags"></span>
<span class="mls"> icon-control-Tags</span>
<span class="icon-trigger-Manual"></span>
<span class="mls"> icon-trigger-Manual</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e963" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe963;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e979" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe979;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -326,12 +550,12 @@
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-control-Checkboxes"></span>
<span class="mls"> icon-control-Checkboxes</span>
<span class="icon-play-line"></span>
<span class="mls"> icon-play-line</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e962" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe962;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e979" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe979;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -340,12 +564,12 @@
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-control-Html"></span>
<span class="mls"> icon-control-Html</span>
<span class="icon-corner-down-right"></span>
<span class="mls"> icon-corner-down-right</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e960" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe960;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e977" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe977;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -354,12 +578,12 @@
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-single-content"></span>
<span class="mls"> icon-single-content</span>
<span class="icon-info-outline"></span>
<span class="mls"> icon-info-outline</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e958" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe958;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e974" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe974;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -368,12 +592,12 @@
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-multiple-content"></span>
<span class="mls"> icon-multiple-content</span>
<span class="icon-upload-2"></span>
<span class="mls"> icon-upload-2</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e957" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe957;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e972" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe972;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -382,12 +606,12 @@
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-type-Array"></span>
<span class="mls"> icon-type-Array</span>
<span class="icon-translate"></span>
<span class="mls"> icon-translate</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e956" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe956;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e96f" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe96f;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -396,12 +620,12 @@
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-exclamation"></span>
<span class="mls"> icon-exclamation</span>
<span class="icon-arrow_back"></span>
<span class="mls"> icon-arrow_back</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e955" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe955;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e96e" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe96e;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -410,12 +634,12 @@
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-orleans"></span>
<span class="mls"> icon-orleans</span>
<span class="icon-external-link"></span>
<span class="mls"> icon-external-link</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e94b" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe94b;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e96d" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe96d;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -424,12 +648,12 @@
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-document-lock"></span>
<span class="mls"> icon-document-lock</span>
<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="e949" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe949;" class="unitRight size1of2 talign-right" />
<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>
@ -438,12 +662,12 @@
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-document-unpublish"></span>
<span class="mls"> icon-document-unpublish</span>
<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="e93f" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe93f;" class="unitRight size1of2 talign-right" />
<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>
@ -452,12 +676,12 @@
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-angle-down"></span>
<span class="mls"> icon-angle-down</span>
<span class="icon-drag2"></span>
<span class="mls"> icon-drag2</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e900" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe900;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e961" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe961;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -466,12 +690,12 @@
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-angle-left"></span>
<span class="mls"> icon-angle-left</span>
<span class="icon-comments"></span>
<span class="mls"> icon-comments</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e901" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe901;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e95f" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe95f;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -480,12 +704,12 @@
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-angle-right"></span>
<span class="mls"> icon-angle-right</span>
<span class="icon-backup"></span>
<span class="mls"> icon-backup</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e931" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe931;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e95b" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe95b;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -494,12 +718,12 @@
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-angle-up"></span>
<span class="mls"> icon-angle-up</span>
<span class="icon-support"></span>
<span class="mls"> icon-support</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e903" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe903;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e95a" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe95a;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -508,12 +732,12 @@
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-api"></span>
<span class="mls"> icon-api</span>
<span class="icon-control-RichText"></span>
<span class="mls"> icon-control-RichText</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e945" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe945;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e939" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe939;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
@ -522,12 +746,12 @@
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-assets"></span>
<span class="mls"> icon-assets</span>
<span class="icon-download"></span>
<span class="mls"> icon-download</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e948" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe948;" class="unitRight size1of2 talign-right" />
<input type="text" readonly value="e93e" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe93e;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>

BIN
frontend/app/theme/icomoon/fonts/icomoon.eot
View File

Binary file not shown.

2
frontend/app/theme/icomoon/fonts/icomoon.svg
View File

@ -132,6 +132,8 @@
<glyph unicode="&#xe97a;" glyph-name="help2" d="M512 682.667q70 0 120-50t50-120q0-54-64-111t-64-103h-84q0 46 20 79t44 48 44 37 20 50q0 34-26 59t-60 25-60-25-26-59h-84q0 70 50 120t120 50zM512 84.667q140 0 241 101t101 241-101 241-241 101-241-101-101-241 101-241 241-101zM512 852.667q176 0 301-125t125-301-125-301-301-125-301 125-125 301 125 301 301 125zM470 170.667v86h84v-86h-84z" />
<glyph unicode="&#xe97b;" glyph-name="create_new_folder" d="M810 340.667v86h-128v128h-84v-128h-128v-86h128v-128h84v128h128zM854 682.667q36 0 60-25t24-61v-426q0-36-24-61t-60-25h-684q-36 0-60 25t-24 61v512q0 36 24 61t60 25h256l86-86h342z" />
<glyph unicode="&#xe97c;" glyph-name="folder" d="M426 768.667l86-86h342q34 0 59-26t25-60v-426q0-34-25-60t-59-26h-684q-34 0-59 26t-25 60v512q0 34 25 60t59 26h256z" />
<glyph unicode="&#xe97d;" glyph-name="angle-double-right" horiz-adv-x="567" d="M340 402.286c0-4.571-2.286-9.714-5.714-13.143l-266.286-266.286c-3.429-3.429-8.571-5.714-13.143-5.714s-9.714 2.286-13.143 5.714l-28.571 28.571c-3.429 3.429-5.714 8.571-5.714 13.143s2.286 9.714 5.714 13.143l224.571 224.571-224.571 224.571c-3.429 3.429-5.714 8.571-5.714 13.143s2.286 9.714 5.714 13.143l28.571 28.571c3.429 3.429 8.571 5.714 13.143 5.714s9.714-2.286 13.143-5.714l266.286-266.286c3.429-3.429 5.714-8.571 5.714-13.143zM559.429 402.286c0-4.571-2.286-9.714-5.714-13.143l-266.286-266.286c-3.429-3.429-8.571-5.714-13.143-5.714s-9.714 2.286-13.143 5.714l-28.571 28.571c-3.429 3.429-5.714 8.571-5.714 13.143s2.286 9.714 5.714 13.143l224.571 224.571-224.571 224.571c-3.429 3.429-5.714 8.571-5.714 13.143s2.286 9.714 5.714 13.143l28.571 28.571c3.429 3.429 8.571 5.714 13.143 5.714s9.714-2.286 13.143-5.714l266.286-266.286c3.429-3.429 5.714-8.571 5.714-13.143z" />
<glyph unicode="&#xe97e;" glyph-name="angle-double-left" horiz-adv-x="603" d="M358.286 164.571c0-4.571-2.286-9.714-5.714-13.143l-28.571-28.571c-3.429-3.429-8.571-5.714-13.143-5.714s-9.714 2.286-13.143 5.714l-266.286 266.286c-3.429 3.429-5.714 8.571-5.714 13.143s2.286 9.714 5.714 13.143l266.286 266.286c3.429 3.429 8.571 5.714 13.143 5.714s9.714-2.286 13.143-5.714l28.571-28.571c3.429-3.429 5.714-8.571 5.714-13.143s-2.286-9.714-5.714-13.143l-224.571-224.571 224.571-224.571c3.429-3.429 5.714-8.571 5.714-13.143zM577.714 164.571c0-4.571-2.286-9.714-5.714-13.143l-28.571-28.571c-3.429-3.429-8.571-5.714-13.143-5.714s-9.714 2.286-13.143 5.714l-266.286 266.286c-3.429 3.429-5.714 8.571-5.714 13.143s2.286 9.714 5.714 13.143l266.286 266.286c3.429 3.429 8.571 5.714 13.143 5.714s9.714-2.286 13.143-5.714l28.571-28.571c3.429-3.429 5.714-8.571 5.714-13.143s-2.286-9.714-5.714-13.143l-224.571-224.571 224.571-224.571c3.429-3.429 5.714-8.571 5.714-13.143z" />
<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: 96 KiB

After

Width:  |  Height:  |  Size: 98 KiB

BIN
frontend/app/theme/icomoon/fonts/icomoon.ttf
View File

Binary file not shown.

BIN
frontend/app/theme/icomoon/fonts/icomoon.woff
View File

Binary file not shown.

2
frontend/app/theme/icomoon/selection.json
View File

File diff suppressed because one or more lines are too long

166
frontend/app/theme/icomoon/style.css
View File

@ -1,10 +1,10 @@
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?bmb569');
src: url('fonts/icomoon.eot?bmb569#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?bmb569') format('truetype'),
url('fonts/icomoon.woff?bmb569') format('woff'),
url('fonts/icomoon.svg?bmb569#icomoon') format('svg');
src: url('fonts/icomoon.eot?4bb69f');
src: url('fonts/icomoon.eot?4bb69f#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?4bb69f') format('truetype'),
url('fonts/icomoon.woff?4bb69f') format('woff'),
url('fonts/icomoon.svg?4bb69f#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
@ -25,6 +25,108 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-angle-double-right:before {
content: "\e97d";
}
.icon-angle-double-left:before {
content: "\e97e";
}
.icon-filter-filled:before {
content: "\e978";
}
.icon-clone:before {
content: "\e96a";
}
.icon-control-Tags:before {
content: "\e963";
}
.icon-control-Checkboxes:before {
content: "\e962";
}
.icon-control-Html:before {
content: "\e960";
}
.icon-single-content:before {
content: "\e958";
}
.icon-multiple-content:before {
content: "\e957";
}
.icon-type-Array:before {
content: "\e956";
}
.icon-exclamation:before {
content: "\e955";
}
.icon-orleans:before {
content: "\e94b";
}
.icon-document-lock:before {
content: "\e949";
}
.icon-document-unpublish:before {
content: "\e93f";
}
.icon-angle-down:before {
content: "\e900";
}
.icon-angle-left:before {
content: "\e901";
}
.icon-angle-right:before {
content: "\e931";
}
.icon-angle-up:before {
content: "\e903";
}
.icon-api:before {
content: "\e945";
}
.icon-assets:before {
content: "\e948";
}
.icon-bug:before {
content: "\e93d";
}
.icon-caret-down:before {
content: "\e92c";
}
.icon-caret-left:before {
content: "\e92a";
}
.icon-caret-right:before {
content: "\e929";
}
.icon-caret-up:before {
content: "\e92b";
}
.icon-contents:before {
content: "\e946";
}
.icon-trigger-ContentChanged:before {
content: "\e946";
}
.icon-control-Date:before {
content: "\e936";
}
.icon-control-DateTime:before {
content: "\e937";
}
.icon-control-Markdown:before {
content: "\e938";
}
.icon-grid:before {
content: "\f00a";
}
.icon-list1:before {
content: "\f0c9";
}
.icon-user-o:before {
content: "\e932";
}
.icon-rules:before {
content: "\e947";
}
.icon-create_new_folder:before {
content: "\e97b";
}
@ -82,60 +184,6 @@
.icon-download:before {
content: "\e93e";
}
.icon-filter-filled:before {
content: "\e978";
}
.icon-clone:before {
content: "\e96a";
}
.icon-control-Tags:before {
content: "\e963";
}
.icon-control-Checkboxes:before {
content: "\e962";
}
.icon-control-Html:before {
content: "\e960";
}
.icon-single-content:before {
content: "\e958";
}
.icon-multiple-content:before {
content: "\e957";
}
.icon-type-Array:before {
content: "\e956";
}
.icon-exclamation:before {
content: "\e955";
}
.icon-orleans:before {
content: "\e94b";
}
.icon-document-lock:before {
content: "\e949";
}
.icon-document-unpublish:before {
content: "\e93f";
}
.icon-angle-down:before {
content: "\e900";
}
.icon-angle-left:before {
content: "\e901";
}
.icon-angle-right:before {
content: "\e931";
}
.icon-angle-up:before {
content: "\e903";
}
.icon-api:before {
content: "\e945";
}
.icon-assets:before {
content: "\e948";
}
.icon-bug:before {
content: "\e93d";
}

Write Preview
Loading…
Cancel
Save