summaryrefslogtreecommitdiffstats
path: root/WebContent/VAADIN/themes/reindeer
diff options
context:
space:
mode:
authorLeif Åstrand <leif@vaadin.com>2013-01-08 08:52:05 +0000
committerVaadin Code Review <review@vaadin.com>2013-01-08 08:52:05 +0000
commit81a16d4a746dc128073200b52f30851a259281bc (patch)
tree2dfc5c582e5569e993a5844516b4f4fd09866241 /WebContent/VAADIN/themes/reindeer
parent2757ff26ee0a20f95f7a43a8309791a3d2939869 (diff)
parent991dcf9fa63273e15b38abaca5f4ac792ca94b7e (diff)
downloadvaadin-framework-81a16d4a746dc128073200b52f30851a259281bc.tar.gz
vaadin-framework-81a16d4a746dc128073200b52f30851a259281bc.zip
Merge "Fixed ComboBox width problems in all themes (#10484)"
Diffstat (limited to 'WebContent/VAADIN/themes/reindeer')
-rw-r--r--WebContent/VAADIN/themes/reindeer/select/select.scss9
1 files changed, 6 insertions, 3 deletions
diff --git a/WebContent/VAADIN/themes/reindeer/select/select.scss b/WebContent/VAADIN/themes/reindeer/select/select.scss
index 1cfd944967..a15ba4ab87 100644
--- a/WebContent/VAADIN/themes/reindeer/select/select.scss
+++ b/WebContent/VAADIN/themes/reindeer/select/select.scss
@@ -1,11 +1,14 @@
@mixin reindeer-select($primaryStyleName : v-filterselect) {
+$select-button-width : 25px;
+$select-button-negative-width : -25px;
+
.#{$primaryStyleName} {
height: 24px;
background-repeat: no-repeat;
background-image: url(img/left.png); /** sprite-ref: verticals; sprite-margin-bottom: 1px */
padding-left: 2px;
- padding-right: 25px; /* Space for the button */
+ padding-right: $select-button-width; /* Space for the button */
}
&.v-app .#{$primaryStyleName}-input,
.v-window .#{$primaryStyleName}-input,
@@ -38,12 +41,12 @@
}
.#{$primaryStyleName}-button {
overflow: hidden;
- width: 25px;
+ width: $select-button-width;
height: 24px;
background-position: 0 0;
background-image: url(img/right.png); /** sprite-ref: verticals ; sprite-margin-bottom: 1px */
cursor: default;
- margin-right: -25px;
+ margin-right: $select-button-negative-width;
}
.#{$primaryStyleName}-button:hover {
background-image: url(img/right-hover.png); /** sprite-ref: verticals */