Revision bc5816ee
Added by Andreas Kohlbecker almost 7 years ago
| src/main/webapp/VAADIN/themes/edit-valo/custom-fields.scss | ||
|---|---|---|
| 1 | 1 |
// styles for custom fields |
| 2 | 2 |
|
| 3 |
// ===================== Mixins ==============================// |
|
| 4 |
|
|
| 5 |
@mixin composite-field-wrapper() {
|
|
| 6 |
border: valo-border($border: $v-border, $color: $v-background-color, $strength: 0.7); |
|
| 7 |
border-radius: $v-border-radius; |
|
| 8 |
background-color: $v-app-background-color; |
|
| 9 |
padding: round($v-unit-size / 4); |
|
| 10 |
} |
|
| 11 |
|
|
| 12 |
// ===================== Styles ==============================// |
|
| 13 |
|
|
| 3 | 14 |
body .edit-valo { // increasing specifity to allow overriding the valo default field themes
|
| 4 | 15 |
|
| 5 | 16 |
// TimePeriodField |
| 6 | 17 |
.v-time-period-field {
|
| 7 | 18 |
.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); |
|
| 19 |
@include composite-field-wrapper; |
|
| 12 | 20 |
} |
| 13 | 21 |
.to-label {
|
| 14 | 22 |
padding: 0 round($v-unit-size / 2); |
| ... | ... | |
| 28 | 36 |
|
| 29 | 37 |
// v-switchable-textfield |
| 30 | 38 |
.v-switchable-textfield {
|
| 39 |
position: relative; // needs to be a positioned element |
|
| 31 | 40 |
height: $v-line-height * 2; |
| 32 | 41 |
.v-caption {
|
| 33 | 42 |
display: block; |
| ... | ... | |
| 43 | 52 |
bottom: 1px; |
| 44 | 53 |
} |
| 45 | 54 |
} |
| 55 |
|
|
| 56 |
// v-person-field |
|
| 57 |
.v-person-field {
|
|
| 58 |
.v-caption {
|
|
| 59 |
display: block; |
|
| 60 |
} |
|
| 61 |
.cache-field, .details-fields {
|
|
| 62 |
padding-right: $v-unit-size; |
|
| 63 |
} |
|
| 64 |
.v-switch {
|
|
| 65 |
z-index: 10; |
|
| 66 |
width: $v-unit-size; |
|
| 67 |
position: absolute; |
|
| 68 |
right: 1px; |
|
| 69 |
bottom: 1px; |
|
| 70 |
} |
|
| 71 |
} |
|
| 72 |
.v-person-field-cache-mode {
|
|
| 73 |
.cache-field {
|
|
| 74 |
display: block; |
|
| 75 |
} |
|
| 76 |
.details-fields {
|
|
| 77 |
display: none; |
|
| 78 |
} |
|
| 79 |
} |
|
| 80 |
.v-person-field-details-mode {
|
|
| 81 |
.cache-field {
|
|
| 82 |
display: none; |
|
| 83 |
} |
|
| 84 |
.details-fields {
|
|
| 85 |
display: block; |
|
| 86 |
} |
|
| 87 |
} |
|
| 88 |
|
|
| 89 |
// team-or-person-field |
|
| 90 |
.v-team-or-person-field {
|
|
| 91 |
.margin-wrapper {
|
|
| 92 |
@include composite-field-wrapper; |
|
| 93 |
} |
|
| 94 |
} |
|
| 46 | 95 |
} |
Also available in: Unified diff
ref #6612 Team and Person editor widgets implemented and integrated in reference editor