From 4cde920e1e09bf95dfb955bfceeefd8c3c4e463d Mon Sep 17 00:00:00 2001
From: Tobias Klika <cee@live.at>
Date: Thu, 3 Sep 2020 15:10:50 +0200
Subject: [PATCH] fixes

---
 .../App/pages/media/media-item-old.vue        | 41 -------------------
 zero.Web.UI/App/pages/media/media-item.vue    | 15 ++-----
 zero.Web.UI/App/pages/media/media.vue         |  2 +-
 3 files changed, 4 insertions(+), 54 deletions(-)
 delete mode 100644 zero.Web.UI/App/pages/media/media-item-old.vue

diff --git a/zero.Web.UI/App/pages/media/media-item-old.vue b/zero.Web.UI/App/pages/media/media-item-old.vue
deleted file mode 100644
index e0b904bd..00000000
--- a/zero.Web.UI/App/pages/media/media-item-old.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-  <router-link :to="link" class="media-item">
-    <img v-if="value.type === 'image'" :src="value.source" />
-    <span class="media-item-content is-file" v-if="value.type !== 'image'">
-      <i :class="icons[value.type]" :data-extension="value.source.split('.').pop()"></i>
-      <span>{{value.name}}</span>
-    </span>
-  </router-link>
-</template>
-
-<script>
-  export default {
-    props: {
-      value: {
-        type: Object,
-        default: () => { }
-      }
-    },
-
-    data: () => ({
-      icons: {
-        image: 'fth-image',
-        video: 'fth-video',
-        file: 'fth-file'
-      }
-    }),
-
-    computed: {
-      link()
-      {
-        return {
-          name: 'mediaitem',
-          params: { id: this.value.id }
-        };
-      }
-    }
-  };
-</script>
-
-<style lang="scss">
-</style>
diff --git a/zero.Web.UI/App/pages/media/media-item.vue b/zero.Web.UI/App/pages/media/media-item.vue
index 3fcf12cf..3298fd4f 100644
--- a/zero.Web.UI/App/pages/media/media-item.vue
+++ b/zero.Web.UI/App/pages/media/media-item.vue
@@ -51,16 +51,7 @@
     color: var(--color-fg);
     font-size: var(--font-size);
     border-radius: var(--radius);
-
-    &:hover
-    {
-      background: var(--color-bg-bright);
-
-      .media-item-preview
-      {
-        background: var(--color-bg-bright-two);
-      }
-    }
+    background: var(--color-bg-bright);
   }
 
   .media-item-preview
@@ -71,7 +62,7 @@
     flex-direction: column;
     height: $media-item-size;
     width: $media-item-size;
-    background: var(--color-bg-bright);
+    background: var(--color-bg-bright-two);
     border-radius: var(--radius);
     overflow: hidden;
     position: relative;
@@ -111,7 +102,7 @@
     background: transparent;
 
     $media-pattern-size: 10px;
-    $media-pattern-color-a: #ccc;
+    $media-pattern-color-a: #ddd;
     $media-pattern-color-b: #aaa;
 
     &:before
diff --git a/zero.Web.UI/App/pages/media/media.vue b/zero.Web.UI/App/pages/media/media.vue
index d56ffae9..b3262dd8 100644
--- a/zero.Web.UI/App/pages/media/media.vue
+++ b/zero.Web.UI/App/pages/media/media.vue
@@ -12,7 +12,7 @@
         </template>
         <template>
           <ui-search />
-          <ui-dropdown v-if="isOverview && current" align="right">
+          <ui-dropdown v-if="isOverview && !!id" align="right">
             <template v-slot:button>
               <ui-button type="white" label="Folder" caret="down" />
             </template>