Project

General

Profile

« Previous | Next » 

Revision 664d0a00

Added by Andreas Kohlbecker about 7 years ago

ref #6169 visualization of RegistrationWorkingSets in the workflow view

View differences:

src/main/webapp/VAADIN/themes/edit-valo/edit-valo.scss
51 51

  
52 52
@import "../valo/valo.scss";
53 53

  
54

  
55
// ========================================== //
56

  
57
// import custom font icons TODO rename font
58
@include v-font(IcoMoon, "../../../../../fonts/icomoon");
59

  
60
.IcoMoon {
61
   font-family: IcoMoon;
62
   font-style: normal;
63
   font-weight: normal;
64
   -webkit-font-smoothing: antialiased;
65
   -moz-osx-font-smoothing: grayscale;
66
   display: inline-block;
67
   text-align: center;
68
}
69

  
54 70
// ========================================== //
55 71
// Status colors for the redistration
56 72
// 
......
205 221

  
206 222
    // --------------------------------------------------- //
207 223
    
208
    .registration-item {
224
    .registration-list-item {
209 225
        border-top: valo-border($border: $v-border, $color: $v-background-color, $strength: 0.7);
210 226
        padding-top: 4px; // avoid button group to overlap with border
211 227
    }
228

  
229
   .registration-workflow-item {
230
       border: valo-border($border: $v-border, $color: $v-background-color, $strength: 0.7);
231
    }
232

  
233
    // tab element being part of a process ----------- //
234
    .workflow-step-wrap {
235
        padding-right: 10px;
236
        height: $v-font-size * 3;
237
        background-color: scale-color(lighten($v-app-background-color, 20%), $saturation: -20%);
238
        @include box-shadow(inset 0 0 5px $v-app-background-color);
239
    }
240
    .workflow-step {
241
        line-height: $v-font-size * 3;
242
    }
243
    .v-caption-workflow-step {
244
        vertical-align: top;
245
        padding: 0;
246
         .v-icon {
247
            line-height: $v-font-size * 3;
248
            font-size: $v-font-size * 3.5;
249
            padding-right: 10px;
250
            color: $v-background-color;
251
        }
252
  
253
    }
254

  
255
    // ----------------------------------------------- //
256
    .status-REJECTED {
257
        color: $status-rejected-color;
258
    }
259
    .status-CURATION {
260
        color: $status-curation-color;
261
    }
262
    .status-PREPARATION {
263
        color: $status-preparation-color;
264
    }
265
    .status-PUBLISHED {
266
        color: $status-published-color;
267
    }
268
    .status-READY {
269
        color: $status-ready-color;
270
    }
271

  
272
    .bg-status-REJECTED {
273
        background-color: $status-rejected-color;
274
    }
275
    .bg-status-CURATION {
276
        background-color: $status-curation-color;
277
    }
278
    .bg-status-PREPARATION {
279
        background-color: $status-preparation-color;
280
    }
281
    .bg-status-PUBLISHED {
282
        background-color: $status-published-color;
283
    }
284
    .bg-status-READY {
285
        background-color: $status-ready-color;
286
    }
287
    // ----------------------------------------------- //
212 288
    
213 289
    #registration-list {
214 290
        /* --- for the css layout --- */
......
252 328
                color: $status-ready-color;
253 329
            }
254 330
        }
255
        // for RegistrationItems
256
        .v-caption-status-REJECTED {
257
            color: $status-rejected-color;
258
        }
259
        .v-caption-status-CURATION {
260
            color: $status-curation-color;
261
        }
262
        .v-caption-status-PREPARATION {
263
            color: $status-preparation-color;
264
        }
265
        .v-caption-status-PUBLISHED {
266
            color: $status-published-color;
267
        }
268
        .v-caption-status-READY {
269
            color: $status-ready-color;
270
        }
271 331
    }
272 332

  
273 333

  

Also available in: Unified diff