Mercurial > gemma
comparison client/src/importqueue/Importqueue.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 | 320e2720fe3d |
| children | ba8cd80d68b6 |
comparison
equal
deleted
inserted
replaced
| 1190:e3de65179889 | 1191:b23622905a3f |
|---|---|
| 122 }); | 122 }); |
| 123 } | 123 } |
| 124 }; | 124 }; |
| 125 </script> | 125 </script> |
| 126 | 126 |
| 127 <style lang="scss" scoped> | 127 <style lang="sass" scoped> |
| 128 .spacer { | 128 .spacer |
| 129 margin-left: $offset; | 129 margin-left: $offset |
| 130 height: 100vh; | 130 height: 100vh |
| 131 } | |
| 132 | 131 |
| 133 .spacer-collapsed { | 132 .spacer-collapsed |
| 134 min-width: $icon-width + $offset; | 133 min-width: $icon-width + $offset |
| 135 transition: $transition-fast; | 134 transition: $transition-fast |
| 136 } | |
| 137 .spacer-expanded { | |
| 138 min-width: $sidebar-width + $offset; | |
| 139 } | |
| 140 | 135 |
| 141 .importqueue { | 136 .spacer-expanded |
| 142 margin-top: $offset; | 137 min-width: $sidebar-width + $offset |
| 143 margin-right: auto; | |
| 144 margin-left: auto; | |
| 145 } | |
| 146 | 138 |
| 147 .importqueuecard { | 139 .importqueue |
| 148 width: 80vw; | 140 margin-top: $offset |
| 149 min-height: 20rem; | 141 margin-right: auto |
| 150 } | 142 margin-left: auto |
| 151 | 143 |
| 152 .card-body { | 144 .importqueuecard |
| 153 width: 100%; | 145 width: 80vw |
| 154 margin-left: auto; | 146 min-height: 20rem |
| 155 margin-right: auto; | |
| 156 } | |
| 157 | 147 |
| 158 .searchandfilter { | 148 .card-body |
| 159 position: relative; | 149 width: 100% |
| 160 margin-bottom: $xx-large-offset; | 150 margin-left: auto |
| 161 } | 151 margin-right: auto |
| 162 | 152 |
| 163 .filters { | 153 .searchandfilter |
| 164 position: absolute; | 154 position: relative |
| 165 right: 0; | 155 margin-bottom: $xx-large-offset |
| 166 } | |
| 167 | 156 |
| 168 .filters button { | 157 .filters |
| 169 margin-right: $small-offset; | 158 position: absolute |
| 170 } | 159 right: 0 |
| 160 | |
| 161 .filters button | |
| 162 margin-right: $small-offset | |
| 171 | 163 |
| 172 .table td, | 164 .table td, |
| 173 .table th { | 165 .table th |
| 174 border-top: 0 !important; | 166 border-top: 0 !important |
| 175 text-align: left; | 167 text-align: left |
| 176 padding: $small-offset !important; | 168 padding: $small-offset !important |
| 177 } | |
| 178 | 169 |
| 179 .searchgroup { | 170 .searchgroup |
| 180 position: absolute; | 171 position: absolute |
| 181 left: 0; | 172 left: 0 |
| 182 width: 50%; | 173 width: 50% |
| 183 } | |
| 184 </style> | 174 </style> |