start catalogue

zero.Web.UI/App/components/buttons/button.vue

@@ -1,6 +1,6 @@
 <template>
   <button :type="buttonType" class="ui-button has-state" :class="buttonClass" :disabled="disabled || state == 'loading'" @click="tryClick">
-    <span class="ui-button-text" v-localize="label"></span>
+    <span class="ui-button-text" v-localize:html="label"></span>
     <i v-if="caret" class="ui-button-caret" :class="caretClass"></i>
     <i v-if="icon" class="ui-button-icon" :class="icon"></i>
     <span v-if="!isDefaultState" class="ui-button-state">

zero.Web.UI/App/components/header-bar.vue

@@ -5,8 +5,9 @@
         <ui-icon-button v-if="backButton" type="white" @click="onBack" />
         <div>
           <h2 class="ui-header-bar-title" :class="{'is-empty': !title && titleEmpty}">
-            <span v-if="prefix" class="-minor" v-localize="prefix"></span>
+            <span v-if="prefix" class="-minor" v-localize:html="prefix"></span>
             <span v-localize="title || titleEmpty"></span>
+            <span v-if="suffix" class="-minor" v-localize:html="suffix"></span>
           </h2>
           <p v-if="description" class="ui-header-bar-description" v-localize="description"></p>
         </div>
@@ -36,6 +37,9 @@
       prefix: {
         type: String
       },
+      suffix: {
+        type: String
+      },
       description: {
         type: String
       },

zero.Web.UI/App/components/tree.vue

@@ -3,6 +3,7 @@
     <ui-header-bar class="ui-tree-header" :title="header" :back-button="false" v-if="header">
       <ui-dot-button @click="onActionsClicked(null, $event)" />
     </ui-header-bar>
+    <slot></slot>
     <span v-if="status === 'loading'" class="ui-tree-item-loading"><i></i></span>
     <template v-for="item in items">
       <div class="ui-tree-item" :class="getClasses(item)" v-on:contextmenu="onRightClicked(item, $event)">

zero.Web.UI/App/editor/editor.vue

@@ -120,4 +120,11 @@
       }
     }
   }
-</script>
+</script>
+
+<style lang="scss">
+  .editor > .ui-view-box
+  {
+    padding-top: 0;
+  }
+</style>

zero.Web.UI/Sass/Canvas/_navigation.scss

@@ -37,7 +37,7 @@
 
 .app-nav-switch
 {
-  padding: 20px var(--padding) 0;
+  padding: 26px var(--padding) 0;
   margin-bottom: 30px;
 
   .ui-button.type-action

zero.Web.UI/Sass/Modules/Buttons/_button.scss

@@ -100,7 +100,7 @@ button::-moz-focus-inner
 
   &.type-light
   {
-    background: var(--color-bg-mid);
+    background: var(--color-bg);
     color: var(--color-fg);
     border: none;
   }