Mercurial > gemma

diff client/src/morphtool/Morphtool.vue @ 1213:9d93968db2cd

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
replaced custom css with bootstrap classes
author Markus Kottlaender <markus@intevation.de>
date Mon, 19 Nov 2018 14:13:01 +0100
parents b23622905a3f
children ba8cd80d68b6
line wrap: on
line diff
--- a/client/src/morphtool/Morphtool.vue	Mon Nov 19 13:48:50 2018 +0100
+++ b/client/src/morphtool/Morphtool.vue	Mon Nov 19 14:13:01 2018 +0100
@@ -1,6 +1,6 @@
 <template>
-    <div class="morphcontainer">
-        <div v-if="selectedBottleneck && surveys && !selectedSurvey" class="ui-element card card-body shadow">
+    <div class="morphcontainer rounded position-relative">
+        <div v-if="selectedBottleneck && surveys && !selectedSurvey" class="ui-element bg-white rounded p-3 shadow">
             <div class="headline">
                 <h4>{{ selectedBottleneck }}</h4>
                 <hr>
@@ -22,7 +22,7 @@
                 </li>
             </ul>
         </div>
-        <div v-if="selectedSurvey && !showSplitscreen" class="ui-element shadow morphtool">
+        <div v-if="selectedSurvey && !showSplitscreen" class="ui-element shadow morphtool rounded">
             <div class="d-flex flex-row justify-content-between">
                 <h6 class="my-auto px-2">
                     {{ selectedBottleneck }}
@@ -43,7 +43,6 @@
 .morphcontainer
   margin-bottom: $offset
   margin-left: auto
-  border-radius: $border-radius
   
 .surveylist
   text-align: left
@@ -60,7 +59,6 @@
 .morphtool
   position: relative
   background-color: white
-  border-radius: $border-radius
   height: $icon-width
   margin-top: auto
   margin-bottom: auto
@@ -72,7 +70,6 @@
   right: 0
   background-color: white
   padding: $small-offset
-  border-radius: $border-radius
   height: $icon-width
   width: $icon-height
   z-index: 2