Skip to content

Commit

Permalink
Added ionicons
Browse files Browse the repository at this point in the history
  • Loading branch information
@givanz
givanz committed Sep 2, 2023
1 parent d9e8e3a commit 7f61f28
Show file tree
Hide file tree
Showing 13 changed files with 9,442 additions and 172 deletions.
4,042 changes: 4,032 additions & 10 deletions css/editor.css
View file

Large diffs are not rendered by default.

48 changes: 24 additions & 24 deletions editor.html
View file
Expand Up @@ -50,11 +50,11 @@
</button>

<button class="btn btn-light" title="Preview" id="preview-btn" type="button" data-bs-toggle="button" aria-pressed="false" data-vvveb-action="preview">
<i class="la la-eye"></i>
<i class="icon-eye-outline"></i>
</button>

<button class="btn btn-light" title="Fullscreen (F11)" id="fullscreen-btn" data-bs-toggle="button" aria-pressed="false" data-vvveb-action="fullscreen">
<i class="la la-expand-arrows-alt"></i>
<i class="icon-expand-outline"></i>
</button>

<button class="btn btn-light" title="Download" id="download-btn" data-vvveb-action="download" data-v-download="index.html">
Expand Down Expand Up @@ -121,8 +121,8 @@
<span class="text-secondary"><i class="la la-file la-lg"></i> Pages</span>

<div class="btn-group responsive-btns me-1 float-end" role="group">
<button class="btn btn-outline-primary btn-sm border-0" title="New file" id="new-file-btn" data-vvveb-action="newPage" data-vvveb-shortcut="">
<span>New page</span> <i class="la la-plus"></i>
<button class="btn btn-outline-primary btn-sm btn-add" title="New file" id="new-file-btn" data-vvveb-action="newPage" data-vvveb-shortcut="">
<span>New page</span> <i class="icon-duplicate-outline"></i>
</button>

<!-- &ensp;
Expand All @@ -146,14 +146,14 @@
<ul class="nav nav-tabs nav-fill" id="elements-tabs" role="tablist">
<li class="nav-item sections-tab">
<a class="nav-link active" id="sections-tab" data-bs-toggle="tab" href="#sections" role="tab" aria-controls="sections" aria-selected="true" title="Sections">
<i class="la la-stream"></i>
<i class="icon-layers-outline"></i>
<!-- img src="../../../js/vvvebjs/icons/list_group.svg" height="23" -->
<!-- div><small>Sections</small></div -->
</a>
</li>
<li class="nav-item component-tab">
<a class="nav-link" id="components-tab" data-bs-toggle="tab" href="#components-tabs" role="tab" aria-controls="components" aria-selected="false" title="Components">
<i class="la la-box"></i>
<i class="icon-cube-outline"></i>
<!-- img src="../../../js/vvvebjs/icons/product.svg" height="23" -->
<!-- div><small>Components</small></div -->
</a>
Expand All @@ -163,7 +163,7 @@
</li -->
<li class="nav-item component-properties-tab" style="display:none">
<a class="nav-link" id="properties-tab" data-bs-toggle="tab" href="#properties" role="tab" aria-controls="properties" aria-selected="false" title="Properties">
<i class="la la-cog"></i>
<i class="icon-settings-outline"></i>
<!-- img src="../../../js/vvvebjs/icons/filters.svg" height="23"-->
<!-- div><small>Properties</small></div -->
</a>
Expand All @@ -186,11 +186,11 @@
<ul class="nav nav-tabs nav-fill sections-tabs" id="properties-tabs" role="tablist">
<li class="nav-item content-tab">
<a class="nav-link active" data-bs-toggle="tab" href="#sections-new-tab" role="tab" aria-controls="components" aria-selected="false">
<i class="la la-plus"></i> <div><span>Add section</span></div></a>
<i class="icon-albums-outline"></i> <div><span>Sections</span></div></a>
</li>
<li class="nav-item style-tab">
<a class="nav-link" data-bs-toggle="tab" href="#sections-list" role="tab" aria-controls="sections" aria-selected="true">
<i class="la la-th-list"></i> <div><span>Page Sections</span></div></a>
<i class="icon-document-text-outline"></i></i> <div><span>Page Sections</span></div></a>
</li>
</ul>

Expand Down Expand Up @@ -241,7 +241,7 @@
</div>
<div class="buttons"> <a class="delete-btn" href="" title="Remove section"><i class="la la-trash text-danger"></i></a>
<a class="properties-btn" href="" title="Properties"><i class="la la-cog"></i></a> </div>
<a class="properties-btn" href="" title="Properties"><i class="icon-settings-outline"></i></a> </div>
</div>
<input class="header_check" type="checkbox" id="section-components-9338">
<label for="section-components-9338">
Expand Down Expand Up @@ -296,11 +296,11 @@
<ul class="nav nav-tabs nav-fill sections-tabs" role="tablist">
<li class="nav-item components-tab">
<a class="nav-link active" data-bs-toggle="tab" href="#components" role="tab" aria-controls="components" aria-selected="true">
<i class="la la-box"></i> <div><span>Components</span></div></a>
<i class="icon-cube-outline"></i> <div><span>Components</span></div></a>
</li>
<li class="nav-item blocks-tab">
<a class="nav-link" data-bs-toggle="tab" href="#blocks" role="tab" aria-controls="components" aria-selected="false">
<i class="la la-copy"></i> <div><span>Blocks</span></div></a>
<i class="icon-copy-outline"></i> <div><span>Blocks</span></div></a>
</li>
</ul>

Expand Down Expand Up @@ -367,16 +367,16 @@
<ul class="nav nav-tabs nav-fill" id="properties-tabs" role="tablist">
<li class="nav-item content-tab">
<a class="nav-link content-tab active" data-bs-toggle="tab" href="#content-left-panel-tab" role="tab" aria-controls="components" aria-selected="true">
<i class="la la-lg la-sliders-h"></i> <div><span>Content</span></div>
<i class="icon-albums-outline"></i> <div><span>Content</span></div>
</a>
</li>
<li class="nav-item style-tab">
<a class="nav-link" data-bs-toggle="tab" href="#style-left-panel-tab" role="tab" aria-controls="style" aria-selected="false">
<i class="la la-lg la-paint-brush"></i> <div><span>Style</span></div></a>
<i class="icon-color-fill-outline"></i> <div><span>Style</span></div></a>
</li>
<li class="nav-item advanced-tab">
<a class="nav-link" data-bs-toggle="tab" href="#advanced-left-panel-tab" role="tab" aria-controls="advanced" aria-selected="false">
<i class="la la-lg la-tools"></i> <div><span>Advanced</span></div></a>
<i class="icon-settings-outline"></i> <div><span>Advanced</span></div></a>
</li>
</ul>

Expand Down Expand Up @@ -610,9 +610,9 @@
<a id="up-btn" href="" title="Move element up"><i class="la la-arrow-up"></i></a>
<a id="down-btn" href="" title="Move element down"><i class="la la-arrow-down"></i></a>

<a id="save-reusable-btn" href="" title="Save as reusable" class="mx-2"><i class="la la-save"></i></a>
<a id="clone-btn" href="" title="Clone element"><i class="la la-copy"></i></a>
<a id="delete-btn" href="" title="Remove element"><i class="la la-trash"></i></a>
<a id="save-reusable-btn" href="" title="Save as reusable" class="mx-2"><i class="icon-save-outline"></i></i></a>
<a id="clone-btn" href="" title="Clone element"><i class="icon-copy-outline"></i></a>
<a id="delete-btn" href="" title="Remove element"><i class="icon-trash-outline"></i></i></a>
</div>

<div class="resize">
Expand Down Expand Up @@ -760,15 +760,15 @@
<ul class="nav nav-tabs nav-fill" id="properties-tabs" role="tablist">
<li class="nav-item content-tab">
<a class="nav-link active" data-bs-toggle="tab" href="#content-tab" role="tab" aria-controls="components" aria-selected="true">
<i class="la la-lg la-sliders-h"></i> <div><span>Content</span></div></a>
<i class="icon-albums-outline"></i> <div><span>Content</span></div></a>
</li>
<li class="nav-item style-tab">
<a class="nav-link" data-bs-toggle="tab" href="#style-tab" role="tab" aria-controls="blocks" aria-selected="false">
<i class="la la-lg la-paint-brush"></i> <div><span>Style</span></div></a>
<i class="icon-color-fill-outline"></i></i> <div><span>Style</span></div></a>
</li>
<li class="nav-item advanced-tab">
<a class="nav-link" data-bs-toggle="tab" href="#advanced-tab" role="tab" aria-controls="blocks" aria-selected="false">
<i class="la la-lg la-tools"></i> <div><span>Advanced</span></div></a>
<i class="icon-settings-outline"></i> <div><span>Advanced</span></div></a>
</li>
</ul>

Expand Down Expand Up @@ -1077,7 +1077,7 @@ <h6 class="header">{%=header%}</h6>
<div class="col-12">

<button class="btn btn-sm btn-outline-primary">
<i class="la la-trash la-lg"></i> Add new
<i class="la la-plus la-lg"></i> Add new
</button>

</div>
Expand Down Expand Up @@ -1327,7 +1327,7 @@ <h6 class="header">{%=header%}</h6>
<div class="file-actions">
<button href="#" class="delete btn btn-outline-danger" title="Delete"><i class="la la-trash"></i></button>
<button href="#" class="rename btn btn-outline-primary" title="Rename"><i class="la la-pen"></i></button>
<button href="#" class="duplicate btn btn-outline-primary" title="Clone"><i class="la la-copy"></i></button>
<button href="#" class="duplicate btn btn-outline-primary" title="Clone"><i class="icon-copy-outline"></i></button>
</div>
</label> <input type="checkbox" id="{%=name%}" />
<!-- <ol></ol> -->
Expand Down Expand Up @@ -1416,7 +1416,7 @@ <h6><b>{%=title%}</b></h6>
<a class="up-btn" href="" title="Move element up"><i class="la la-arrow-up"></i></a>
<a class="down-btn" href="" title="Move element down"><i class="la la-arrow-down"></i></a>
-->
<a class="properties-btn" href="" title="Properties"><i class="la la-cog"></i></a>
<a class="properties-btn" href="" title="Properties"><i class="icon-settings-outline"></i></a>
</div>
</div>

Expand Down

0 comments on commit 7f61f28

Please sign in to comment.