diff client/src/imports/Imports.vue @ 1230:957907eaaa72

implemented context sensitive box below search bar (see: issue224)
author Markus Kottlaender <markus@intevation.de>
date Tue, 20 Nov 2018 08:47:53 +0100
parents ba8cd80d68b6
children ec4b06d3a3a8
line wrap: on
line diff
--- a/client/src/imports/Imports.vue	Tue Nov 20 00:51:33 2018 +0100
+++ b/client/src/imports/Imports.vue	Tue Nov 20 08:47:53 2018 +0100
@@ -1,11 +1,5 @@
 <template>
-    <div :class="importStyle">
-        <div
-            @click="$store.commit('application/showImportSoundingResults', false);"
-            class="ui-element close-imports"
-        >
-            <i class="fa fa-close"></i>
-        </div>
+    <div>
         <h4>Import soundingresults</h4>
         <hr class="mr-auto ml-auto mb-0 w-90">
         <div v-if="editState" class="p-3">
@@ -82,7 +76,6 @@
 <script>
 import { HTTP } from "../application/lib/http";
 import { displayError, displayInfo } from "../application/lib/errors.js";
-import { mapState } from "vuex";
 
 const defaultLabel = "Choose .zip-file";
 const IMPORTSTATE = { UPLOAD: "UPLOAD", EDIT: "EDIT" };
@@ -132,22 +125,12 @@
     }
   },
   computed: {
-    ...mapState("application", ["showImportSoundingResults"]),
     editState() {
       return this.importState === IMPORTSTATE.EDIT;
     },
     uploadState() {
       return this.importState === IMPORTSTATE.UPLOAD;
     },
-    importStyle() {
-      return [
-        "ui-element shadow imports ml-3 pt-3 rounded",
-        {
-          importscollapsed: !this.showImportSoundingResults,
-          importsextended: this.showImportSoundingResults
-        }
-      ];
-    },
     dataLink() {
       return (
         "data:text/json;charset=utf-8," +
@@ -191,36 +174,6 @@
 .uploadsection
   width: 90%
 
-.imports
-  position: relative
-  background-color: #ffffff
-  opacity: $slight-transparent
-  transition: left 0.3s ease
-  overflow: hidden
-  background: #fff
-  margin-top: -$offset
-  width: 90%
-
-.importscollapsed
-  width: 0
-  height: 0
-  transition: $transition-fast
-
-.importsextended
-  min-width: 600px
-
-.close-imports
-  position: absolute
-  z-index: 2
-  right: 0
-  top: 7px
-  height: $icon-width
-  width: $icon-height
-  display: none
-
-.importsextended .close-imports
-  display: block
-
 .label-text
   width: 10rem
   text-align: left