output current media folder

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

@@ -1,5 +1,5 @@
 <template>
-  <div class="ui-tree" :style="{ 'padding-left': depth > 0 ? ((depth * 18) + 'px') : null }">
+  <div class="ui-tree" :style="{ 'padding-left': depth > 0 ? (((depth > 0 ? 1 : 0) * 15) + 'px') : null }">
     <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>

zero.Web.UI/App/pages/media/folder.vue

@@ -2,10 +2,8 @@
   <ui-form v-if="!loading" ref="form" class="mediafolder" v-slot="form" @submit="onSubmit" @load="onLoad">
     <h2 class="ui-headline" v-localize="'@media.addfolder'"></h2>
     <div class="mediafolder-items">
-      <ui-property label="@ui.name" :required="true" :vertical="true">
-        <input v-model="item.name" type="text" class="ui-input" maxlength="200" :readonly="disabled" />
-      </ui-property>
-        <!-- // TODO add parent selector -->
+      <input v-model="item.name" type="text" class="ui-input" maxlength="200" v-localize:placeholder="'@media.fields.foldername_placeholder'" :readonly="disabled" />
+      <!-- // TODO add parent selector -->
     </div>
     <div class="app-confirm-buttons">
       <ui-button v-if="!disabled" :submit="true" :state="form.state" label="@ui.create"></ui-button>
@@ -96,5 +94,11 @@
     {
       margin-top: 0;
     }
+
+    .ui-input
+    {
+      background: var(--color-bg-mid);
+      border: none;
+    }
   }
 </style>

zero.Web.UI/App/pages/media/media.vue

@@ -62,6 +62,7 @@
       items: [],
       folders: [],
       treeConfig: {},
+      current: null,
       icons: {
         image: 'fth-image',
         video: 'fth-video',
@@ -150,7 +151,7 @@
       },
       title()
       {
-        return this.id ? 'Media (...)' : '@media.list';
+        return this.current ? this.current.name : '@media.list';
       }
     },
 
@@ -165,6 +166,7 @@
         {
           this.items = response.items;
           this.folders = response.folders;
+          this.current = response.folder;
         });
       },
 
@@ -211,7 +213,6 @@
       {
         Overlay.open({
           component: AddFolderOverlay,
-          width: 700,
           model: { parentId },
           theme: 'dark'
         }).then(item =>

zero.Web.UI/App/pages/settings/applications-items.vue

@@ -123,6 +123,7 @@
   .apps-items-add
   {
     background: transparent;
+    border: 2px dotted var(--color-line);
     color: var(--color-fg);
     border-radius: var(--radius);
     text-align: center;
@@ -132,11 +133,5 @@
     align-items: center;
     font-size: 22px;
     width: 60px;
-    margin-left: -20px;
-
-    &:hover
-    {
-      background: var(--color-bg-xmid);
-    }
   }
 </style>