Mercurial > gemma
diff 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 |
line wrap: on
line diff
--- a/client/src/components/importoverview/BottleneckDetail.vue Tue May 09 13:20:28 2023 +0200 +++ b/client/src/components/importoverview/BottleneckDetail.vue Thu May 11 13:23:52 2023 +0200 @@ -41,32 +41,40 @@ </div> </template> -<style lang="sass" scoped> -.bottleneckdetails - width: 100% - overflow-y: auto - > div - border-top: dashed 1px #dee2e6 - &:first-child - border-top: none - .properties - position: relative - overflow: hidden - &::after - content: '' - position: absolute - top: 0 - right: -5px - bottom: 0 - left: -5px - box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4) - tr - font-size: 0.7rem - &:nth-child(odd) - background-color: #f8f9fa +<style scoped> +.bottleneckdetails { + width: 100%; + overflow-y: auto; +} +.bottleneckdetails > div { + border-top: dashed 1px #dee2e6; +} +.bottleneckdetails > div:first-child { + border-top: none; +} +.bottleneckdetails > div .properties { + position: relative; + overflow: hidden; +} +.bottleneckdetails > div .properties::after { + content: ""; + position: absolute; + top: 0; + right: -5px; + bottom: 0; + left: -5px; + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4); +} +.bottleneckdetails > div .properties tr { + font-size: 0.7rem; +} +.bottleneckdetails > div .properties tr:nth-child(odd) { + background-color: #f8f9fa; +} -.split - max-height: 35vh +.split { + max-height: 35vh; +} </style> <script>