Mercurial > gemma
comparison client/src/usermanagement/Usermanagement.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 | 2e06bc53b002 |
| children | 3372cf2a55c7 |
comparison
equal
deleted
inserted
replaced
| 1190:e3de65179889 | 1191:b23622905a3f |
|---|---|
| 68 </div> | 68 </div> |
| 69 </div> | 69 </div> |
| 70 </div> | 70 </div> |
| 71 </template> | 71 </template> |
| 72 | 72 |
| 73 <style scoped lang="scss"> | 73 <style scoped lang="sass"> |
| 74 @import "../application/assets/tooltip.scss"; | 74 @import "../application/assets/tooltip.scss" |
| 75 | 75 |
| 76 .spacer { | 76 .spacer |
| 77 margin-left: $offset; | 77 margin-left: $offset |
| 78 height: 100vh; | 78 height: 100vh |
| 79 } | 79 |
| 80 | 80 .spacer-collapsed |
| 81 .spacer-collapsed { | 81 min-width: $icon-width + $offset |
| 82 min-width: $icon-width + $offset; | 82 transition: $transition-fast |
| 83 transition: $transition-fast; | 83 |
| 84 } | 84 @media screen and (min-width: 600px) |
| 85 | 85 .spacer-expanded |
| 86 @media screen and (min-width: 600px) { | 86 min-width: $icon-width + $offset |
| 87 .spacer-expanded { | 87 |
| 88 min-width: $icon-width + $offset; | 88 @media screen and (max-width: 1650px) |
| 89 } | 89 .spacer-expanded |
| 90 } | 90 min-width: $sidebar-width + $offset |
| 91 @media screen and (max-width: 1650px) { | 91 |
| 92 .spacer-expanded { | 92 .main |
| 93 min-width: $sidebar-width + $offset; | 93 height: 100vh |
| 94 } | 94 |
| 95 } | 95 .backwards |
| 96 | 96 margin-right: $small-offset |
| 97 .main { | 97 |
| 98 height: 100vh; | 98 .forwards |
| 99 } | 99 margin-left: $small-offset |
| 100 | 100 |
| 101 .backwards { | 101 @media screen and (min-width: 600px) |
| 102 margin-right: $small-offset; | 102 .content |
| 103 } | 103 margin-left: $offset |
| 104 | 104 margin-right: auto |
| 105 .forwards { | 105 |
| 106 margin-left: $small-offset; | 106 @media screen and (min-width: 1650px) |
| 107 } | 107 .content |
| 108 | 108 margin-left: $sidebar-width |
| 109 @media screen and (min-width: 600px) { | 109 margin-right: auto |
| 110 .content { | 110 |
| 111 margin-left: $offset; | 111 .adduser |
| 112 margin-right: auto; | 112 margin-right: $offset |
| 113 } | 113 padding-bottom: $offset |
| 114 } | 114 |
| 115 | 115 .icon |
| 116 @media screen and (min-width: 1650px) { | 116 font-size: large |
| 117 .content { | 117 |
| 118 margin-left: $sidebar-width; | 118 .userlist |
| 119 margin-right: auto; | 119 margin-top: $offset |
| 120 } | 120 margin-right: $offset |
| 121 } | 121 min-width: 520px |
| 122 | 122 height: 100% |
| 123 .adduser { | 123 |
| 124 margin-right: $offset; | 124 .pagination |
| 125 padding-bottom: $offset; | 125 margin-left: auto |
| 126 } | 126 margin-right: auto |
| 127 | 127 |
| 128 .icon { | 128 .userlistsmall |
| 129 font-size: large; | 129 width: 30vw |
| 130 } | 130 |
| 131 | 131 .userlistextended |
| 132 .userlist { | 132 width: 70vw |
| 133 margin-top: $offset; | 133 |
| 134 margin-right: $offset; | 134 .table |
| 135 min-width: 520px; | 135 width: 90% !important |
| 136 height: 100%; | 136 margin: auto |
| 137 } | |
| 138 | |
| 139 .pagination { | |
| 140 margin-left: auto; | |
| 141 margin-right: auto; | |
| 142 } | |
| 143 .userlistsmall { | |
| 144 width: 30vw; | |
| 145 } | |
| 146 | |
| 147 .userlistextended { | |
| 148 width: 70vw; | |
| 149 } | |
| 150 | |
| 151 .table { | |
| 152 width: 90% !important; | |
| 153 margin: auto; | |
| 154 } | |
| 155 | 137 |
| 156 .table th, | 138 .table th, |
| 157 .pages { | 139 .pages |
| 158 cursor: pointer; | 140 cursor: pointer |
| 159 } | |
| 160 | 141 |
| 161 .table th, | 142 .table th, |
| 162 td { | 143 td |
| 163 font-size: $smaller; | 144 font-size: $smaller |
| 164 border-top: 0px !important; | 145 border-top: 0px !important |
| 165 text-align: left; | 146 text-align: left |
| 166 padding: $small-offset !important; | 147 padding: $small-offset !important |
| 167 } | 148 |
| 168 | 149 .table td |
| 169 .table td { | 150 font-size: $smaller |
| 170 font-size: $smaller; | 151 cursor: pointer |
| 171 cursor: pointer; | 152 |
| 172 } | 153 tr span |
| 173 | 154 display: flex |
| 174 tr span { | |
| 175 display: flex; | |
| 176 } | |
| 177 </style> | 155 </style> |
| 178 | 156 |
| 179 <script> | 157 <script> |
| 180 /* | 158 /* |
| 181 * This is Free Software under GNU Affero General Public License v >= 3.0 | 159 * This is Free Software under GNU Affero General Public License v >= 3.0 |