Mercurial > gemma
comparison client/src/components/staging/StagingDetail.vue @ 2356:d66f60163c2f
staging: fix optical alignment for non expandable entries
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Wed, 20 Feb 2019 13:35:33 +0100 |
parents | 0d7b51930028 |
children |
comparison
equal
deleted
inserted
replaced
2355:31a1dcdba068 | 2356:d66f60163c2f |
---|---|
76 @click="toggleApproval(data.id, $options.STATES.REJECTED)" | 76 @click="toggleApproval(data.id, $options.STATES.REJECTED)" |
77 > | 77 > |
78 <font-awesome-icon icon="times" class="pointer"></font-awesome-icon> | 78 <font-awesome-icon icon="times" class="pointer"></font-awesome-icon> |
79 </button> | 79 </button> |
80 </div> | 80 </div> |
81 <div | |
82 v-if=" | |
83 !isBottleneck(data.kind.toUpperCase()) || | |
84 isApprovedGaugeMeasurement(data.kind.toUpperCase()) | |
85 " | |
86 class="expander" | |
87 ></div> | |
81 <div v-if="isBottleneck(data.kind.toUpperCase())"> | 88 <div v-if="isBottleneck(data.kind.toUpperCase())"> |
82 <div class="mt-auto mb-auto text-info text-left"> | 89 <div class="mt-auto mb-auto text-info text-left"> |
83 <font-awesome-icon | 90 <font-awesome-icon |
84 class="pointer" | 91 class="pointer" |
85 @click="showDetails()" | 92 @click="showDetails()" |
507 STATES: STATES | 514 STATES: STATES |
508 }; | 515 }; |
509 </script> | 516 </script> |
510 | 517 |
511 <style lang="scss" scoped> | 518 <style lang="scss" scoped> |
519 .expander { | |
520 margin-right: 1.25rem; | |
521 } | |
522 | |
512 .bottlenecksdetails { | 523 .bottlenecksdetails { |
513 overflow-y: auto; | 524 overflow-y: auto; |
514 max-height: 250px; | 525 max-height: 250px; |
515 } | 526 } |
516 .diffs { | 527 .diffs { |