Project

General

Profile

Statistics
| Branch: | Tag: | Revision:

cdm-vaadin / src / main / webapp / VAADIN / themes / edit-valo / custom-fields.scss @ cd29f770

History | View | Annotate | Download (1.22 KB)

1
// styles for custom fields
2

    
3
body .edit-valo { // increasing specifity to allow overriding the valo default field themes
4
  
5
  // TimePeriodField
6
  .v-time-period-field {
7
      .margin-wrapper {
8
          border: valo-border($border: $v-border, $color: $v-background-color, $strength: 0.7);
9
          border-radius: $v-border-radius;
10
          background-color: $v-app-background-color;
11
          padding: round($v-unit-size / 4);
12
      }
13
      .to-label {
14
        padding: 0 round($v-unit-size / 2);
15
      }
16
  }
17
  
18
  .v-textfield-helper-field { 
19
          @if is-dark-color($v-background-color) {
20
              $helper-color: lighten($v-background-color, 20%);
21
          } @else {
22
              $helper-color: lighten($v-background-color, -20%);
23
          }
24
          color: $helper-color;
25
          background-color: valo-font-color($helper-color);
26
          border-radius: $v-border-radius;
27
   }
28
  
29
  // v-switchable-textfield
30
  .v-switchable-textfield {
31
    height: $v-line-height * 2;
32
    .v-caption {
33
        display: block;
34
    }   
35
    .v-textfield {
36
        padding-right: $v-unit-size;
37
    }
38
    .v-switch {
39
        z-index: 10;
40
        width: $v-unit-size;
41
        position: absolute;
42
        right: 1px;
43
        bottom: 1px;
44
    }
45
  }
46
} 
Add picture from clipboard (Maximum size: 40 MB)