Mercurial > gemma
changeset 2888:65766706cdf4
client: importoverview: moved style block below template and converted to sass
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Mon, 01 Apr 2019 18:59:31 +0200 |
parents | 83acca8937de |
children | ac4732c57b0b |
files | client/src/components/importoverview/AdditionalLog.vue |
diffstat | 1 files changed, 26 insertions(+), 37 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/importoverview/AdditionalLog.vue Mon Apr 01 18:53:53 2019 +0200 +++ b/client/src/components/importoverview/AdditionalLog.vue Mon Apr 01 18:59:31 2019 +0200 @@ -2,10 +2,7 @@ <div :class="[ 'additionallog d-flex flex-column text-left', - { - full: !showAdditional, - split: showAdditional - } + { split: showAdditional } ]" > <div @@ -50,6 +47,31 @@ </div> </template> +<style lang="sass" scoped> +.additionallog + max-height: 70vh + overflow-y: auto + &.split + max-height: 35vh + + > div + &:not(:first-child) + border-top-style: dashed !important + + &:hover + background-color: #fcfcfc + + .kind + width: 9% + + .time + width: 26% + + .message + width: 65% + word-wrap: break-word +</style> + <script> /* This is Free Software under GNU Affero General Public License v >= 3.0 * without warranty, see README.md and license for details. @@ -73,36 +95,3 @@ } }; </script> - -<style lang="scss" scoped> -.additionallog { - overflow-y: auto; - > div { - &:not(:first-child) { - border-top-style: dashed !important; - } - &:hover { - background-color: #fcfcfc; - } - } -} - -.split { - max-height: 35vh; -} - -.full { - max-height: 70vh; -} - -.kind { - width: 9%; -} -.time { - width: 26%; -} -.message { - width: 65%; - word-wrap: break-word; -} -</style>