2 * STANDARD_RIFT_IO_COPYRIGHT
5 /* If there's time this really needs to be rewritten. Ideally with smooth animations.*/
6 @import "style/_colors.scss";
11 .skyquakePanel-wrapper {
24 /* transition: all 2s;*/
29 /* transition: all 300ms;*/
30 .tableRow>div:not(.projectName) {
33 /* transition: width 600ms;*/
34 /* transition: opacity 300ms;*/
40 /* transition: all 2s;*/
41 .tableRow>div:not(.projectName) {
46 /* transition: all 600ms;*/
55 .tableRow>div:not(.projectName) {
57 /* transition: all 600ms;*/
91 /* transition: opacity 300ms;*/
92 /* transition: width 600ms;*/
97 margin: 0 0.5rem 0.5rem;
99 padding-bottom: 0.5rem;
101 border-top: #d3d3d3 1px solid;
107 -ms-flex-direction:row;
108 -webkit-box-orient:horizontal;
109 -webkit-box-direction:normal;
112 -webkit-box-orient: vertical;
113 -webkit-box-direction: normal;
114 -ms-flex-direction: column;
115 flex-direction: column;
116 display: -webkit-box;
117 display: -ms-flexbox;
125 margin-bottom: 0.5rem;
128 -webkit-box-align: center;
129 -ms-flex-align: center;
134 display: -webkit-box;
135 display: -ms-flexbox;
148 -webkit-box-align: start;
149 -ms-flex-align: start;
150 align-items: flex-start;
151 margin-bottom: 0.75rem;
157 margin-bottom: 0.5rem;
163 -ms-flex-pack: start;
164 -webkit-box-pack: start;
165 justify-content: flex-start;
166 padding-top: 0.75rem;
169 margin-bottom:0.5rem;
181 .projectUsers.tableRow--data:hover {
188 border-bottom:1px solid #d3d3d3;
194 padding:0.25rem 0.5rem;
195 vertical-align: middle;
197 -ms-flex-pack:center;
198 -webkit-box-pack:center;
199 justify-content:center;
204 background:$neutral-dark-0;
215 background: lightgray;
217 border-top: 1px solid #f1f1f1;
218 border-bottom: 1px solid #f1f1f1;
221 padding: 0.5rem 0.75rem;
229 /* display: -ms-flexbox;*/
231 /* -ms-flex-direction: column;*/
232 /* flex-direction: column;*/
234 /* margin: 0.5rem 0;*/
235 /* -ms-flex-align: start;*/
236 /* align-items: flex-start;*/
237 /* -ms-flex-pack: start;*/
238 /* justify-content: flex-start;*/
252 -ms-flex-wrap: nowrap;
254 -ms-flex-align: center;
255 -webkit-box-align: center;
265 margin-bottom:0.5rem;
274 -ms-flex-wrap: nowrap;
282 display: -ms-flexbox;
283 display: -webkit-box;
285 -ms-flex-direction: column;
286 -webkit-box-orient: vertical;
287 -webkit-box-direction: normal;
288 flex-direction: column;
289 -ms-flex-pack: center;
290 -webkit-box-pack: center;
291 justify-content: center;
298 background:$neutral-dark-0;
300 &:hover:not(&-active) {
301 background:$neutral-dark-1;
303 &:hover, .activeUser, &-active{
307 .activeUser, &-active{
313 .addInput, .removeInput {
317 -webkit-box-align: end;
319 align-items: flex-end;
320 margin-bottom: 0.75rem;
324 text-transform:uppercase;
335 text-transform: uppercase;