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 {