Mercurial > gemma

comparison client/src/components/Popup.vue @ 2625:fd93babdf8e6

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: popup: made content padding optional (for full-width tables)
author Markus Kottlaender <markus@intevation.de>
date Wed, 13 Mar 2019 16:24:35 +0100
parents 145f2b89287c
children 8763da6bef4a
comparison
equal deleted inserted replaced
2624:9dbaf69c7a66 2625:fd93babdf8e6
8 <UIBoxHeader 8 <UIBoxHeader
9 :icon="popup.icon" 9 :icon="popup.icon"
10 :title="popup.title" 10 :title="popup.title"
11 :closeCallback="close" 11 :closeCallback="close"
12 /> 12 />
13 <div class="popup-content" v-html="popup.content"></div> 13 <div
14 :class="{ 'p-3': popup.padding !== false }"
15 v-html="popup.content"
16 ></div>
14 <div class="popup-footer" v-if="popup.cancel || popup.confirm"> 17 <div class="popup-footer" v-if="popup.cancel || popup.confirm">
15 <button 18 <button
16 class="btn btn-sm btn-warning" 19 class="btn btn-sm btn-warning"
17 @click="cancel" 20 @click="cancel"
18 v-if="popup.cancel" 21 v-if="popup.cancel"
82 cursor: pointer 85 cursor: pointer
83 transition: background-color 0.3s, color 0.3s 86 transition: background-color 0.3s, color 0.3s
84 &:hover 87 &:hover
85 color: #888 88 color: #888
86 background-color: #eee 89 background-color: #eee
87 .popup-content
88 padding: 1rem
89 .popup-footer 90 .popup-footer
90 display: flex 91 display: flex
91 justify-content: space-between 92 justify-content: space-between
92 align-items: center 93 align-items: center
93 border-top: 1px solid #dee2e6 94 border-top: 1px solid #dee2e6