Revision bc74cf95
Added by Andreas Kohlbecker about 7 years ago
| src/main/webapp/VAADIN/themes/edit-valo/edit-valo.scss | ||
|---|---|---|
| 56 | 56 |
// |
| 57 | 57 |
// change-color cant be used since this is not fully supported by the vaadin sass-compiler |
| 58 | 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 |
|
| 59 |
$status-reference-color:$v-focus-color; |
|
| 60 |
$hue-offset: hue($status-reference-color); |
|
| 61 |
$plain-red: adjust-color($status-reference-color, $hue: -1 * $hue-offset); // red as 0 degree hue |
|
| 61 | 62 |
$status-rejected-color: adjust-color($plain-red, $hue: 0deg); |
| 62 | 63 |
$status-curation-color: adjust-color($plain-red, $hue: 30deg); |
| 63 | 64 |
$status-preparation-color: adjust-color($plain-red, $hue: 60deg); |
| ... | ... | |
| 104 | 105 |
} |
| 105 | 106 |
} |
| 106 | 107 |
} |
| 108 |
|
|
| 109 |
// ===== workflow ==== // |
|
| 107 | 110 |
|
| 111 |
$workflow-icon-size: 110px; |
|
| 112 |
// can not be set per css as this need to set as property to the component in vaadin |
|
| 113 |
$workflow-timeline-bar-height: 10px; |
|
| 114 |
// the fator by which the caption should be smaller than the circe |
|
| 115 |
$workflow-caption-shrink: 0.64; |
|
| 116 |
|
|
| 117 |
$workflow-icon-margin-h: $workflow-icon-size / 5; |
|
| 118 |
$workflow-icon-left: $workflow-icon-margin-h / 2; |
|
| 119 |
$workflow-caption-font-size: $workflow-icon-size * $workflow-caption-shrink; |
|
| 120 |
|
|
| 108 | 121 |
.workflow {
|
| 109 |
|
|
| 110 |
$workflow-icon-size: 110px; |
|
| 111 |
// can not be set per css as this need to set as property to the component in vaadin |
|
| 112 |
$workflow-timeline-bar-height: 10px; |
|
| 113 |
// the fator by which the caption should be smaller than the circe |
|
| 114 |
$workflow-caption-shrink: 0.64; |
|
| 115 |
|
|
| 116 |
$workflow-icon-margin-h: $workflow-icon-size / 5; |
|
| 117 |
$workflow-icon-left: $workflow-icon-margin-h / 2; |
|
| 118 |
$workflow-caption-font-size: $workflow-icon-size * $workflow-caption-shrink; |
|
| 119 | 122 |
|
| 120 | 123 |
.steps {
|
| 121 | 124 |
z-index: 10; |
| 122 | 125 |
|
| 123 |
.v-button {
|
|
| 124 |
margin: 0 $workflow-icon-margin-h; |
|
| 125 |
font-size: $workflow-icon-size; |
|
| 126 |
height: $workflow-icon-size; |
|
| 127 |
width: $workflow-icon-size; |
|
| 128 |
line-height: $workflow-icon-size; |
|
| 129 |
|
|
| 130 |
.v-icon, .v-button-caption {
|
|
| 131 |
position: absolute; |
|
| 132 |
left: $workflow-icon-left; |
|
| 133 |
top: 0px; |
|
| 134 |
} |
|
| 135 |
.v-button-caption {
|
|
| 136 |
font-family: monospace; |
|
| 137 |
left: (($workflow-icon-size - $workflow-caption-font-size) / 2) + $workflow-icon-left; // 30px; |
|
| 138 |
top: -2px; |
|
| 139 |
color: $v-background-color; |
|
| 140 |
font-size: $workflow-caption-font-size; // 70px; |
|
| 141 |
} |
|
| 142 |
} |
|
| 143 |
|
|
| 144 | 126 |
.v-csslayout {
|
| 145 | 127 |
width: $workflow-icon-size + 2 * $workflow-icon-margin-h; |
| 146 | 128 |
.v-label {
|
| ... | ... | |
| 161 | 143 |
} |
| 162 | 144 |
} |
| 163 | 145 |
} |
| 146 |
|
|
| 147 |
.workflow-item {
|
|
| 148 |
.v-button {
|
|
| 149 |
margin: 0 $workflow-icon-margin-h; |
|
| 150 |
font-size: $workflow-icon-size; |
|
| 151 |
height: $workflow-icon-size; |
|
| 152 |
width: $workflow-icon-size; |
|
| 153 |
line-height: $workflow-icon-size; |
|
| 154 |
|
|
| 155 |
.v-icon, .v-button-caption {
|
|
| 156 |
position: absolute; |
|
| 157 |
left: $workflow-icon-left; |
|
| 158 |
top: 0px; |
|
| 159 |
} |
|
| 160 |
.v-button-caption {
|
|
| 161 |
font-family: monospace; |
|
| 162 |
left: (($workflow-icon-size - $workflow-caption-font-size) / 2) + $workflow-icon-left; // 30px; |
|
| 163 |
top: -2px; |
|
| 164 |
color: $v-background-color; |
|
| 165 |
font-size: $workflow-caption-font-size; // 70px; |
|
| 166 |
} |
|
| 167 |
} |
|
| 168 |
} |
|
| 169 |
|
|
| 170 |
// --------------------------------------------------- // |
|
| 164 | 171 |
|
| 165 | 172 |
|
| 166 | 173 |
|
Also available in: Unified diff
ref #6169 generic workflows