Mercurial > gemma
changeset 3188:c36940e53788
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>