Project

General

Profile

Revision 403a0ebd

ID403a0ebd2e7160ce26171894195e6a362f9048bd
Parent 5b9c1d33
Child 5dd877d3

Added by Andreas Kohlbecker almost 2 years 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
        }

Also available in: Unified diff

Add picture from clipboard (Maximum size: 40 MB)