Mercurial > gemma

changeset 3188:c36940e53788

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: ui box header: removed old unused functionality and added support for smaller fontsize and padding
author Markus Kottlaender <markus@intevation.de>
date Tue, 07 May 2019 18:51:11 +0200
parents 5487abeb380c
children 6f8fb2053881
files client/src/components/ui/UIBoxHeader.vue
diffstat 1 files changed, 11 insertions(+), 24 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/ui/UIBoxHeader.vue	Tue May 07 18:37:12 2019 +0200
+++ b/client/src/components/ui/UIBoxHeader.vue	Tue May 07 18:51:11 2019 +0200
@@ -1,5 +1,5 @@
 <template>
-  <h6 :class="['box-header', { 'rounded border-0 shadow-xs': collapsed }]">
+  <h6 :class="['box-header', { small }]">
     <span class="box-title">
       <font-awesome-icon
         :icon="icon"
@@ -21,20 +21,6 @@
           :spin="action.icon === 'spinner'"
         />
       </span>
-      <span
-        class="box-control"
-        @click="collapseCallback"
-        v-if="!collapsed && collapseCallback"
-      >
-        <font-awesome-icon :icon="['far', 'window-minimize']" />
-      </span>
-      <span
-        class="box-control"
-        @click="expandCallback"
-        v-if="collapsed && expandCallback"
-      >
-        <font-awesome-icon :icon="['far', 'window-maximize']" />
-      </span>
       <span class="box-control" @click="closeCallback" v-if="closeCallback">
         <font-awesome-icon icon="times" />
       </span>
@@ -63,6 +49,9 @@
       margin-right: 0.25rem
   .box-control
     margin-left: 3px
+  &.small
+    padding: 0.1rem 0.1rem 0.1rem 0.25rem
+    min-height: 27px
 </style>
 
 <script>
@@ -81,14 +70,12 @@
  */
 
 export default {
-  props: [
-    "icon",
-    "title",
-    "collapseCallback",
-    "closeCallback",
-    "expandCallback",
-    "actions",
-    "collapsed"
-  ]
+  props: {
+    icon: String,
+    title: String,
+    closeCallback: Function,
+    actions: Array,
+    small: Boolean
+  }
 };
 </script>