Mercurial > gemma

diff client/src/usermanagement/Usermanagement.vue @ 1191:b23622905a3f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
switched entirely to sass instead of scss for cleaner code/less lines, just removed all ; and {}
author Markus Kottlaender <markus@intevation.de>
date Fri, 16 Nov 2018 14:37:07 +0100
parents 2e06bc53b002
children 3372cf2a55c7
line wrap: on
line diff
--- a/client/src/usermanagement/Usermanagement.vue	Fri Nov 16 12:15:51 2018 +0100
+++ b/client/src/usermanagement/Usermanagement.vue	Fri Nov 16 14:37:07 2018 +0100
@@ -70,110 +70,88 @@
     </div>
 </template>
 
-<style scoped lang="scss">
-@import "../application/assets/tooltip.scss";
+<style scoped lang="sass">
+@import "../application/assets/tooltip.scss"
 
-.spacer {
-  margin-left: $offset;
-  height: 100vh;
-}
+.spacer
+  margin-left: $offset
+  height: 100vh
 
-.spacer-collapsed {
-  min-width: $icon-width + $offset;
-  transition: $transition-fast;
-}
+.spacer-collapsed
+  min-width: $icon-width + $offset
+  transition: $transition-fast
 
-@media screen and (min-width: 600px) {
-  .spacer-expanded {
-    min-width: $icon-width + $offset;
-  }
-}
-@media screen and (max-width: 1650px) {
-  .spacer-expanded {
-    min-width: $sidebar-width + $offset;
-  }
-}
+@media screen and (min-width: 600px)
+  .spacer-expanded
+    min-width: $icon-width + $offset
+
+@media screen and (max-width: 1650px)
+  .spacer-expanded
+    min-width: $sidebar-width + $offset
 
-.main {
-  height: 100vh;
-}
+.main
+  height: 100vh
 
-.backwards {
-  margin-right: $small-offset;
-}
+.backwards
+  margin-right: $small-offset
 
-.forwards {
-  margin-left: $small-offset;
-}
+.forwards
+  margin-left: $small-offset
 
-@media screen and (min-width: 600px) {
-  .content {
-    margin-left: $offset;
-    margin-right: auto;
-  }
-}
+@media screen and (min-width: 600px)
+  .content
+    margin-left: $offset
+    margin-right: auto
 
-@media screen and (min-width: 1650px) {
-  .content {
-    margin-left: $sidebar-width;
-    margin-right: auto;
-  }
-}
+@media screen and (min-width: 1650px)
+  .content
+    margin-left: $sidebar-width
+    margin-right: auto
 
-.adduser {
-  margin-right: $offset;
-  padding-bottom: $offset;
-}
+.adduser
+  margin-right: $offset
+  padding-bottom: $offset
 
-.icon {
-  font-size: large;
-}
+.icon
+  font-size: large
 
-.userlist {
-  margin-top: $offset;
-  margin-right: $offset;
-  min-width: 520px;
-  height: 100%;
-}
+.userlist
+  margin-top: $offset
+  margin-right: $offset
+  min-width: 520px
+  height: 100%
+
+.pagination
+  margin-left: auto
+  margin-right: auto
 
-.pagination {
-  margin-left: auto;
-  margin-right: auto;
-}
-.userlistsmall {
-  width: 30vw;
-}
+.userlistsmall
+  width: 30vw
 
-.userlistextended {
-  width: 70vw;
-}
+.userlistextended
+  width: 70vw
 
-.table {
-  width: 90% !important;
-  margin: auto;
-}
+.table
+  width: 90% !important
+  margin: auto
 
 .table th,
-.pages {
-  cursor: pointer;
-}
+.pages
+  cursor: pointer
 
 .table th,
-td {
-  font-size: $smaller;
-  border-top: 0px !important;
-  text-align: left;
-  padding: $small-offset !important;
-}
+td
+  font-size: $smaller
+  border-top: 0px !important
+  text-align: left
+  padding: $small-offset !important
 
-.table td {
-  font-size: $smaller;
-  cursor: pointer;
-}
+.table td
+  font-size: $smaller
+  cursor: pointer
 
-tr span {
-  display: flex;
-}
+tr span
+  display: flex
 </style>
 
 <script>