=

.github/FUNDING.yml

@@ -2,7 +2,7 @@
 
 github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
 patreon: # Replace with a single Patreon username
-open_collective: # Replace with a single Open Collective username
+open_collective: arikaim-cms
 ko_fi: arikaim
 tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
 community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry

README.md

@@ -15,5 +15,7 @@ Arikaim CMS theme editor extension
 #### Installation
 
 ```sh
+
 composer require arikaim/theme-editor-extension
+
 ```

arikaim-package.json

@@ -5,7 +5,7 @@
     "type": "user",
     "description": "Theme editor.",
     "short-description": "Theme editor.",
-    "version": "1.2.4",
+    "version": "1.2.5",
     "repository": "https://github.com/arikaim/theme-editor-extension.git",
     "position": "10",
     "require": {

view/components/admin/admin.html

@@ -1,10 +1,7 @@
-{%  set items = [ 
-        { id: 'editor_tab', title: labels.editor, icon: 'edit', component: 'editor::admin.editor', active: true }                              
-    ] 
-%}
-
 {{  component('semantic~tabs',{ 
-        items: items,
+        items: [ 
+            { id: 'editor_tab', title: labels.editor, icon: 'edit', component: 'editor::admin.editor', active: true }                              
+        ],
         menu: { component: 'system:admin.extensions.menu.actions', extension: 'editor' },
         content: { component: 'editor::admin.editor' } 
     })

view/components/admin/editor/editor.html

@@ -8,7 +8,7 @@
             </span>       
             {{ component('system:admin.templates.dropdown',{ skip: ['system'], selected: selected_theme }) }}
         </div>
-        <div class="two wide column">
+        <div class="ten wide column">
             <div class="p-2">
                 <span class="p-1">
                     {{ labels.mode }}

view/components/admin/editor/menu/menu.html

@@ -1,15 +1,13 @@
-<div class="ui very basic segment mt-4">
+<div class="mt-4">
     {% set params = { theme_name: theme_name } %}
-    {% set items = [ 
-        { title: links.components, component: 'editor::admin.editor.content.components', icon: 'code', active: true, params: params },
-        { title: links.pages, component: 'editor::admin.editor.content.pages', icon: 'file outline', params: params },       
-        { title: links.emails, component: 'editor::admin.editor.content.emails', icon: 'mail outline', params: params },
-        { title: links.css, component: 'editor::admin.editor.content.css', icon: 'css3', params: params },
-        { title: links.vars, component: 'editor::admin.editor.content.vars', icon: 'code', params: params }                
-    ] %}
-
     {{  component('semantic~tabs.vertical',{ 
-            items: items, 
+            items: [ 
+                { title: links.components, component: 'editor::admin.editor.content.components', icon: 'code', active: true, params: params },
+                { title: links.pages, component: 'editor::admin.editor.content.pages', icon: 'file outline', params: params },       
+                { title: links.emails, component: 'editor::admin.editor.content.emails', icon: 'mail outline', params: params },
+                { title: links.css, component: 'editor::admin.editor.content.css', icon: 'css3', params: params },
+                { title: links.vars, component: 'editor::admin.editor.content.vars', icon: 'code', params: params }                
+            ], 
             menu: { id: 'editor_menu' }, 
             item_class: 'editor-tab-item',
             content: { id: 'editor_content', component: 'editor::admin.editor.content', params: params }