comparison client/src/components/importoverview/BottleneckDetail.vue @ 5629:84d01a536bec 729-node-js-newer-version

Transformed scss and sass styles into css
author Luisa Beerboom <lbeerboom@intevation.de>
date Thu, 11 May 2023 13:23:52 +0200
parents 0f258757e73a
children
comparison
equal deleted inserted replaced
5628:a985f8c46cf3 5629:84d01a536bec
39 </div> 39 </div>
40 </div> 40 </div>
41 </div> 41 </div>
42 </template> 42 </template>
43 43
44 <style lang="sass" scoped> 44 <style scoped>
45 .bottleneckdetails 45 .bottleneckdetails {
46 width: 100% 46 width: 100%;
47 overflow-y: auto 47 overflow-y: auto;
48 > div 48 }
49 border-top: dashed 1px #dee2e6 49 .bottleneckdetails > div {
50 &:first-child 50 border-top: dashed 1px #dee2e6;
51 border-top: none 51 }
52 .properties 52 .bottleneckdetails > div:first-child {
53 position: relative 53 border-top: none;
54 overflow: hidden 54 }
55 &::after 55 .bottleneckdetails > div .properties {
56 content: '' 56 position: relative;
57 position: absolute 57 overflow: hidden;
58 top: 0 58 }
59 right: -5px 59 .bottleneckdetails > div .properties::after {
60 bottom: 0 60 content: "";
61 left: -5px 61 position: absolute;
62 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4) 62 top: 0;
63 tr 63 right: -5px;
64 font-size: 0.7rem 64 bottom: 0;
65 &:nth-child(odd) 65 left: -5px;
66 background-color: #f8f9fa 66 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
67 }
68 .bottleneckdetails > div .properties tr {
69 font-size: 0.7rem;
70 }
71 .bottleneckdetails > div .properties tr:nth-child(odd) {
72 background-color: #f8f9fa;
73 }
67 74
68 .split 75 .split {
69 max-height: 35vh 76 max-height: 35vh;
77 }
70 </style> 78 </style>
71 79
72 <script> 80 <script>
73 /* This is Free Software under GNU Affero General Public License v >= 3.0 81 /* This is Free Software under GNU Affero General Public License v >= 3.0
74 * without warranty, see README.md and license for details. 82 * without warranty, see README.md and license for details.