Project

General

Profile

« Previous | Next » 

Revision af8569f7

Added by Andreas Kohlbecker almost 7 years ago

ref #6169 list view layout improvements and coloring statuses

View differences:

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

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

  
54
// ========================================== //
55
// Status colors for the redistration
56
// 
57
// change-color cant be used since this is not fully supported by the vaadin sass-compiler
58
// see https://github.com/vaadin/sass-compiler/issues/147
59
$hue-offset: hue($v-focus-color);
60
$plain-red: adjust-color($v-focus-color, $hue: -1 * $hue-offset);  // red as 0 degree hue
61
$status-rejected-color: adjust-color($plain-red, $hue: 0deg);
62
$status-curation-color: adjust-color($plain-red, $hue: 30deg); 
63
$status-preparation-color: adjust-color($plain-red, $hue: 60deg); 
64
$status-published-color: adjust-color($plain-red, $hue: 105deg); 
65
$status-ready-color: adjust-color($plain-red, $hue: 180deg);
66
// ========================================== //
67

  
68

  
54 69
@mixin edit-valo {
55 70
  @include valo;
56 71

  
......
60 75
    font-size: 400%;
61 76
   }
62 77
   
63
   .v-button-giant { /* using v-slot-* to select the wrapper for the label */
78
   .v-button-giant {
64 79
     font-size: 32px;
65 80
     .v-icon {
66 81
       font-size: 64px;
......
147 162
        }
148 163
    }
149 164
    
165
    
166
    
150 167
    #registration-list {
151
        .status-preparation td.status {
152
            color: green;
168
        .status-rejected {
169
            td.registrationType, td.status {
170
                color: $status-rejected-color;
171
            }
172
        }
173
        .status-curation {
174
            td.registrationType, td.status {
175
                color: $status-curation-color;
176
            }
177
        }
178
        .status-preparation {
179
            td.registrationType, td.status {
180
                color: $status-preparation-color;
181
            }
182
        }
183
        .status-published {
184
            td.registrationType, td.status {
185
                color: $status-published-color;
186
            }
187
        }
188
        .status-ready {
189
            td.registrationType, td.status {
190
                color: $status-ready-color;
191
            }
153 192
        }
154 193
    }
155 194

  

Also available in: Unified diff