Mercurial > gemma
changeset 1139:2fda33d55d81
scoped css
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Wed, 07 Nov 2018 15:26:46 +0100 |
parents | a047a2735b9c |
children | 2e06bc53b002 |
files | client/src/App.vue client/src/application/Main.vue client/src/application/Sidebar.vue client/src/application/Topbar.vue client/src/application/Userbar.vue client/src/bottlenecks/Bottlenecks.vue client/src/identify/Identify.vue client/src/layers/Layers.vue client/src/layers/Layerselect.vue client/src/linetool/Linetool.vue client/src/login/Login.vue client/src/map/Maplayer.vue client/src/usermanagement/Userdetail.vue client/src/usermanagement/Users.vue |
diffstat | 14 files changed, 15 insertions(+), 14 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/App.vue Wed Nov 07 13:19:46 2018 +0100 +++ b/client/src/App.vue Wed Nov 07 15:26:46 2018 +0100 @@ -26,7 +26,7 @@ </div> </template> -<style lang="scss"> +<style lang="scss" scoped> html { height: 100%; width: 100%;
--- a/client/src/application/Main.vue Wed Nov 07 13:19:46 2018 +0100 +++ b/client/src/application/Main.vue Wed Nov 07 15:26:46 2018 +0100 @@ -15,7 +15,7 @@ </div> </template> -<style lang="scss"> +<style lang="scss" scoped> .profile { background-color: white; height: 50vh;
--- a/client/src/application/Sidebar.vue Wed Nov 07 13:19:46 2018 +0100 +++ b/client/src/application/Sidebar.vue Wed Nov 07 15:26:46 2018 +0100 @@ -74,7 +74,7 @@ }; </script> -<style lang="scss"> +<style lang="scss" scoped> .menupoints { text-align: left; }
--- a/client/src/application/Topbar.vue Wed Nov 07 13:19:46 2018 +0100 +++ b/client/src/application/Topbar.vue Wed Nov 07 15:26:46 2018 +0100 @@ -30,7 +30,7 @@ </div> </template> -<style lang="scss"> +<style lang="scss" scoped> .searchgroup { width: 90%; }
--- a/client/src/application/Userbar.vue Wed Nov 07 13:19:46 2018 +0100 +++ b/client/src/application/Userbar.vue Wed Nov 07 15:26:46 2018 +0100 @@ -10,7 +10,7 @@ </div> </template> -<style lang="scss"> +<style lang="scss" scoped> .userpic { background: white; position: absolute;
--- a/client/src/bottlenecks/Bottlenecks.vue Wed Nov 07 13:19:46 2018 +0100 +++ b/client/src/bottlenecks/Bottlenecks.vue Wed Nov 07 15:26:46 2018 +0100 @@ -216,7 +216,7 @@ }; </script> -<style lang="scss"> +<style lang="scss" scoped> .bottlenecks { position: absolute; z-index: -2;
--- a/client/src/identify/Identify.vue Wed Nov 07 13:19:46 2018 +0100 +++ b/client/src/identify/Identify.vue Wed Nov 07 15:26:46 2018 +0100 @@ -39,7 +39,7 @@ </div> </template> -<style lang="scss"> +<style lang="scss" scoped> .features { max-height: $identify-height; overflow-y: auto;
--- a/client/src/layers/Layers.vue Wed Nov 07 13:19:46 2018 +0100 +++ b/client/src/layers/Layers.vue Wed Nov 07 15:26:46 2018 +0100 @@ -19,7 +19,7 @@ </div> </template> -<style lang="scss"> +<style lang="scss" scoped> .layerselectmenu { position: relative; margin-right: $offset;
--- a/client/src/layers/Layerselect.vue Wed Nov 07 13:19:46 2018 +0100 +++ b/client/src/layers/Layerselect.vue Wed Nov 07 15:26:46 2018 +0100 @@ -11,7 +11,7 @@ </div> </template> -<style lang="scss"> +<style lang="scss" scoped> .selection { text-align: left; }
--- a/client/src/linetool/Linetool.vue Wed Nov 07 13:19:46 2018 +0100 +++ b/client/src/linetool/Linetool.vue Wed Nov 07 15:26:46 2018 +0100 @@ -4,7 +4,7 @@ </div> </template> -<style lang="scss"> +<style lang="scss" scoped> .drawtool { position: absolute; bottom: 0;
--- a/client/src/login/Login.vue Wed Nov 07 13:19:46 2018 +0100 +++ b/client/src/login/Login.vue Wed Nov 07 15:26:46 2018 +0100 @@ -51,7 +51,7 @@ </div> </template>) -<style lang="scss"> +<style lang="scss" scoped> .login { background-color: white; min-width: 375px;
--- a/client/src/map/Maplayer.vue Wed Nov 07 13:19:46 2018 +0100 +++ b/client/src/map/Maplayer.vue Wed Nov 07 15:26:46 2018 +0100 @@ -2,7 +2,7 @@ <div id="map" :class="mapStyle"></div> </template> -<style lang="scss"> +<style lang="scss" scoped> .mapsplit { height: 50vh; }
--- a/client/src/usermanagement/Userdetail.vue Wed Nov 07 13:19:46 2018 +0100 +++ b/client/src/usermanagement/Userdetail.vue Wed Nov 07 15:26:46 2018 +0100 @@ -70,7 +70,7 @@ </div> </template> -<style lang="scss"> +<style lang="scss" scoped> .mailbutton { width: 12vw; } @@ -90,6 +90,7 @@ font-size: $smaller; } </style> + <script> /* * This is Free Software under GNU Affero General Public License v >= 3.0
--- a/client/src/usermanagement/Users.vue Wed Nov 07 13:19:46 2018 +0100 +++ b/client/src/usermanagement/Users.vue Wed Nov 07 15:26:46 2018 +0100 @@ -69,7 +69,7 @@ </div> </template> -<style lang="scss"> +<style lang="scss" scoped> @import "../application/assets/tooltip.scss"; .main { height: 100vh;