Project

General

Profile

« Previous | Next » 

Revision 4b501287

Added by Andreas Kohlbecker about 7 years ago

ref #6169 UI preformance improvement for RegistrationItems

  • using GridLayout
  • disabling lazy loading

View differences:

src/main/webapp/VAADIN/themes/edit-valo/edit-valo.scss
83 83
       line-height: 50px;
84 84
     }
85 85
   }
86

  
87
   .v-label .caption {
88
       font-size: $v-font-size--small;
89
   }
86 90
   
87 91
   // label with caption and icon horizonatally aligned
88 92
   // to apply this to a Vaadin Label set 'label-nowrap'
89 93
   // as style
90
   .v-slot-label-nowrap {
91
        .v-caption, .v-label {
92
            display: inline;
93
        }
94
        .v-label {
95
            margin-left: 8px; // TODO use sass variable here
96
            vertical-align: baseline;
94

  
95
    .v-caption-label-nowrap, .v-label-label-nowrap {
96
        display: inline;
97
    }
98
    .v-label-label-nowrap {
99
//         margin-left: 8px; // TODO use sass variable here
100
//         vertical-align: baseline;
101
        .v-icon {
102
           display : inline;
97 103
        }
98
   }
104
    }
105
   
99 106
   
100 107
   .dashboard-actions {
101 108
      margin: 0 10%;
......
188 195
    #registration-list {
189 196
        // for grid rows
190 197
        .status-REJECTED {
198
            color: $status-rejected-color;
191 199
            td.registrationType, td.status {
192 200
                color: $status-rejected-color;
193 201
            }
194 202
        }
195 203
        .status-CURATION {
204
            color: $status-curation-color;
196 205
            td.registrationType, td.status {
197 206
                color: $status-curation-color;
198 207
            }
199 208
        }
200 209
        .status-PREPARATION {
210
            color: $status-preparation-color;
201 211
            td.registrationType, td.status {
202 212
                color: $status-preparation-color;
203 213
            }
204 214
        }
205 215
        .status-PUBLISHED {
216
            color: $status-published-color;
206 217
            td.registrationType, td.status {
207 218
                color: $status-published-color;
208 219
            }
209 220
        }
210 221
        .status-READY {
222
            color: $status-ready-color;
211 223
            td.registrationType, td.status {
212 224
                color: $status-ready-color;
213 225
            }
214 226
        }
215 227
        // for RegistrationItems
216
        .v-slot-status-REJECTED {
228
        .v-caption-status-REJECTED {
217 229
            color: $status-rejected-color;
218 230
        }
219
        .v-slot-status-CURATION {
231
        .v-caption-status-CURATION {
220 232
            color: $status-curation-color;
221 233
        }
222
        .v-slot-status-PREPARATION {
234
        .v-caption-status-PREPARATION {
223 235
            color: $status-preparation-color;
224 236
        }
225
        .v-slot-status-PUBLISHED {
237
        .v-caption-status-PUBLISHED {
226 238
            color: $status-published-color;
227 239
        }
228
        .v-slot-status-READY {
240
        .v-caption-status-READY {
229 241
            color: $status-ready-color;
230 242
        }
231 243
    }

Also available in: Unified diff