Project

General

Profile

Revision 403a0ebd

ID403a0ebd2e7160ce26171894195e6a362f9048bd
Parent 5b9c1d33
Child 5dd877d3

Added by Andreas Kohlbecker about 1 year ago

fix #7950 fixing scss for icon button fields and adding variable for box-shadow-width

View differences:

src/main/webapp/VAADIN/themes/edit-valo/custom-fields.scss
19 19
  #{$sibling-selector} .#{$button-style-name} {
20 20
        z-index: 10;
21 21
        width: $button-width;
22
        position: absolute;
22
        position: relative;
23 23
        @if $button-alignment == 'left' {
24
            left: $button-width * $button-index + 1px;
24
            left: $button-width + 1px;
25 25
        }
26 26
        @if $button-alignment == 'right' {
27
            right: $button-width * ($button-count - 1 - $button-index) + 1px;
27
            right: $button-width * $button-count + 1px;
28 28
        }
29 29
        @if $button-index < $button-count - 1 {
30 30
            $button-index: $button-index + 1;
......
35 35

  
36 36

  
37 37
@mixin icon-button-field($field-stylename, $button-style-name, $button-count: 1, $button-alignment: 'right', $button-width: $v-unit-size) {
38
  
38 39
    position: relative; // needs to be a positioned element
39 40
    height: $v-line-height * 2;
40 41
    .v-caption {
......
160 161
    
161 162
    // ------------ v-related-entity-combobox ------------ //
162 163
    .v-related-entity-combobox {
163
        @include icon-button-field('v-filterselect', 'v-button', 2, 'right', $v-unit-size);
164
        $buttons-count: 2;    
165
        @include icon-button-field('v-filterselect', 'v-button', $buttons-count, 'right', $v-unit-size);
166
        padding-right: $edit-v-shadow-spread-radius * 2 * $buttons-count;
164 167
        .v-filterselect-button {
165 168
            right: $v-unit-size * 2 + 1px;
166 169
        }
src/main/webapp/VAADIN/themes/edit-valo/edit-valo.scss
24 24
//$v-friendly-color: #2c9720;
25 25
//$v-error-indicator-color: #ed473b;
26 26

  
27
// $edit-v-shadow-spread-radius: 0px; // default
27 28
// ================== DARK ================ //
28 29

  
29 30
// $v-app-loading-text: "Dark Valo";
30 31
/*
31 32
*/
33
$edit-v-shadow-spread-radius: 3px;
32 34
$v-background-color: #444d50;
33 35
$v-focus-color: #07a9ca;
34 36
$v-focus-style: 0 0 3px 2px $v-focus-color;
......
39 41
$v-font-weight: 400;
40 42
$v-font-weight--header: 400;
41 43
$v-bevel: inset 0 1px 2px v-tint, inset 0 0 1px (v-tint 0.1);
42
$v-shadow: 0 0 0 3px rgba(0,0,0,0.32), 0 1px 0 3px rgba(255,255,255,0.14);
44
$v-shadow: 0 0 0 $edit-v-shadow-spread-radius rgba(0,0,0,0.32), 0 1px 0 $edit-v-shadow-spread-radius rgba(255,255,255,0.14);
43 45
$v-textfield-bevel: inset 0 2px 2px v-shade;
44 46
$v-textfield-shadow: $v-shadow;
45 47
$v-unit-size: 40px;

Also available in: Unified diff

Add picture from clipboard (Maximum size: 40 MB)