Mercurial > gemma

comparison client/src/components/ui/UIBoxHeader.vue @ 2413:f39c4b432601 staging_consolidation

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
merge with default
author Thomas Junk <thomas.junk@intevation.de>
date Thu, 28 Feb 2019 12:29:46 +0100
parents 02d30251d594
children 9bf6b767a56a
comparison
equal deleted inserted replaced
2410:228387d5f2c5 2413:f39c4b432601
1 <template>
2 <h6 class="box-header">
3 <span class="box-title">
4 <font-awesome-icon
5 :icon="icon"
6 class="box-icon"
7 v-if="icon"
8 fixed-width
9 />
10 {{ $gettext(title) }}
11 </span>
12 <span class="box-close" @click="closeCallback" v-if="closeCallback">
13 <font-awesome-icon icon="times" />
14 </span>
15 </h6>
16 </template>
17
18 <style lang="sass">
19 .box-header
20 display: flex
21 justify-content: space-between
22 align-items: center
23 min-height: 35px
24 padding-left: .5rem
25 border-bottom: 1px solid #dee2e6
26 color: $color-info
27 margin-bottom: 0
28 padding: 0.25rem
29 font-weight: bold
30 .box-title
31 padding-left: 0.25rem
32 .box-icon
33 margin-right: 0.25rem
34 .box-close
35 color: #888
36 padding: 3px 7px
37 border-radius: 0.25rem
38 cursor: pointer
39 transition: background-color 0.3s, color 0.3s
40 &:hover
41 color: #666
42 background-color: #eee
43 </style>
44
45 <script>
46 /* This is Free Software under GNU Affero General Public License v >= 3.0
47 * without warranty, see README.md and license for details.
48 *
49 * SPDX-License-Identifier: AGPL-3.0-or-later
50 * License-Filename: LICENSES/AGPL-3.0.txt
51 *
52 * Copyright (C) 2018 by via donau
53 * – Österreichische Wasserstraßen-Gesellschaft mbH
54 * Software engineering by Intevation GmbH
55 *
56 * Author(s):
57 * Markus Kottländer <markus.kottlaender@intevation.de>
58 */
59
60 export default {
61 props: ["icon", "title", "closeCallback"]
62 };
63 </script>