Mercurial > gemma
comparison client/src/usermanagement/Users.vue @ 1191:b23622905a3f
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 | 2fda33d55d81 |
| children | 3372cf2a55c7 |
comparison
equal
deleted
inserted
replaced
| 1190:e3de65179889 | 1191:b23622905a3f |
|---|---|
| 67 </div> | 67 </div> |
| 68 </div> | 68 </div> |
| 69 </div> | 69 </div> |
| 70 </template> | 70 </template> |
| 71 | 71 |
| 72 <style lang="scss" scoped> | 72 <style lang="sass" scoped> |
| 73 @import "../application/assets/tooltip.scss"; | 73 @import "../application/assets/tooltip.scss" |
| 74 .main { | 74 |
| 75 height: 100vh; | 75 .main |
| 76 } | 76 height: 100vh |
| 77 | 77 |
| 78 .backwards { | 78 .backwards |
| 79 margin-right: 0.5rem; | 79 margin-right: 0.5rem |
| 80 } | 80 |
| 81 | 81 .forwards |
| 82 .forwards { | 82 margin-left: 0.5rem |
| 83 margin-left: 0.5rem; | 83 |
| 84 } | 84 .content |
| 85 | 85 margin-top: $large-offset |
| 86 .content { | 86 margin-left: auto |
| 87 margin-top: $large-offset; | 87 margin-right: auto |
| 88 margin-left: auto; | 88 |
| 89 margin-right: auto; | 89 .adduser |
| 90 } | 90 margin-right: $offset |
| 91 | 91 padding-bottom: $offset |
| 92 .adduser { | 92 |
| 93 margin-right: $offset; | 93 .icon |
| 94 padding-bottom: $offset; | 94 font-size: large |
| 95 } | 95 |
| 96 | 96 .userlist |
| 97 .icon { | 97 margin-top: $topbarheight |
| 98 font-size: large; | 98 margin-right: $offset |
| 99 } | 99 min-width: 520px |
| 100 | 100 height: 100% |
| 101 .userlist { | 101 |
| 102 margin-top: $topbarheight; | 102 .pagination |
| 103 margin-right: $offset; | 103 margin-left: auto |
| 104 min-width: 520px; | 104 margin-right: auto |
| 105 height: 100%; | 105 |
| 106 } | 106 .userlistsmall |
| 107 | 107 width: 30vw |
| 108 .pagination { | 108 |
| 109 margin-left: auto; | 109 .userlistextended |
| 110 margin-right: auto; | 110 width: 70vw |
| 111 } | 111 |
| 112 .userlistsmall { | 112 .table |
| 113 width: 30vw; | 113 width: 90% !important |
| 114 } | 114 margin: auto |
| 115 | |
| 116 .userlistextended { | |
| 117 width: 70vw; | |
| 118 } | |
| 119 | |
| 120 .table { | |
| 121 width: 90% !important; | |
| 122 margin: auto; | |
| 123 } | |
| 124 | 115 |
| 125 .table th, | 116 .table th, |
| 126 .pages { | 117 .pages |
| 127 cursor: pointer; | 118 cursor: pointer |
| 128 } | |
| 129 | 119 |
| 130 .table th, | 120 .table th, |
| 131 td { | 121 td |
| 132 font-size: 0.9rem; | 122 font-size: 0.9rem |
| 133 border-top: 0px !important; | 123 border-top: 0px !important |
| 134 text-align: left; | 124 text-align: left |
| 135 padding: 0.5rem !important; | 125 padding: 0.5rem !important |
| 136 } | 126 |
| 137 | 127 .table td |
| 138 .table td { | 128 font-size: 0.9rem |
| 139 font-size: 0.9rem; | 129 cursor: pointer |
| 140 cursor: pointer; | 130 |
| 141 } | 131 tr span |
| 142 | 132 display: flex |
| 143 tr span { | |
| 144 display: flex; | |
| 145 } | |
| 146 </style> | 133 </style> |
| 147 | 134 |
| 148 <script> | 135 <script> |
| 149 /* | 136 /* |
| 150 * This is Free Software under GNU Affero General Public License v >= 3.0 | 137 * This is Free Software under GNU Affero General Public License v >= 3.0 |