From 1dfc3e0d33d806e982f8801e6457921fb5b7daa0 Mon Sep 17 00:00:00 2001 From: Steinar Bang Date: Mon, 14 May 2018 22:21:45 +0200 Subject: [PATCH 1/3] Remove "display:block" to make button text display when using the TouchKit widgetset with the "valo" theme. Fixes #15. --- .../main/java/org/vaadin/touchkit/gwt/client/theme/touchkit.css | 1 - 1 file changed, 1 deletion(-) diff --git a/touchkit/src/main/java/org/vaadin/touchkit/gwt/client/theme/touchkit.css b/touchkit/src/main/java/org/vaadin/touchkit/gwt/client/theme/touchkit.css index afdc7488..4c9e05f4 100644 --- a/touchkit/src/main/java/org/vaadin/touchkit/gwt/client/theme/touchkit.css +++ b/touchkit/src/main/java/org/vaadin/touchkit/gwt/client/theme/touchkit.css @@ -355,7 +355,6 @@ div.v-progressbar-indeterminate { } .v-button-wrap { - display: block; padding: 0 listLayoutMargin; white-space: nowrap; text-overflow: ellipsis; From 97715da6332a26299fb1df170e918cf484d3893c Mon Sep 17 00:00:00 2001 From: Steinar Bang Date: Fri, 8 Jun 2018 22:26:23 +0200 Subject: [PATCH 2/3] Remove trailing whitespace. --- .../touchkit/gwt/client/theme/touchkit.css | 78 +++++++++---------- 1 file changed, 39 insertions(+), 39 deletions(-) diff --git a/touchkit/src/main/java/org/vaadin/touchkit/gwt/client/theme/touchkit.css b/touchkit/src/main/java/org/vaadin/touchkit/gwt/client/theme/touchkit.css index 4c9e05f4..59681f88 100644 --- a/touchkit/src/main/java/org/vaadin/touchkit/gwt/client/theme/touchkit.css +++ b/touchkit/src/main/java/org/vaadin/touchkit/gwt/client/theme/touchkit.css @@ -10,7 +10,7 @@ @def redText #ed5931; @def fieldTextSize 16px; - + /** * General borders */ @@ -324,13 +324,13 @@ div.v-progressbar-indeterminate { -webkit-tap-highlight-color: rgba(0,0,0,0); /* TODO separate these and all user select stuff to browser permutations */ -ms-user-select:none; - + box-shadow: buttonBoxShadow; font-size: buttonFontSize; font-weight: 500; line-height:2; color: buttonColor; - + } .v-button:focus { @@ -351,7 +351,7 @@ div.v-progressbar-indeterminate { -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select:none; - + } .v-button-wrap { @@ -399,7 +399,7 @@ div.v-progressbar-indeterminate { .v-button .v-errorindicator { float: left; } - + a { color: buttonColor; } @@ -456,7 +456,7 @@ a { transition: transform 0.3s linear; } -.v-touchkit-navpanel-container, +.v-touchkit-navpanel-container, .v-touchkit-popover.v-touchkit-fullscreen .v-touchkit-navpanel-container { position: absolute; width: 100%; @@ -467,7 +467,7 @@ a { transition: opacity 0.15s linear; } -.v-touchkit-navpanel-placeholder, +.v-touchkit-navpanel-placeholder, .v-touchkit-popover.v-touchkit-fullscreen .v-touchkit-navpanel-placeholder { position: absolute; width: 100%; @@ -494,7 +494,7 @@ a { overflow:hidden; text-overflow: ellipsis; white-space: nowrap; - + -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select:none; @@ -538,12 +538,12 @@ a { color: #fff; } -.v-touchkit-verticalcomponentgroup .v-formlayout .v-formlayout-contentcell { - padding-right: listLayoutMargin; -} -.v-touchkit-verticalcomponentgroup .v-formlayout .v-formlayout-contentcell > * { +.v-touchkit-verticalcomponentgroup .v-formlayout .v-formlayout-contentcell { + padding-right: listLayoutMargin; +} +.v-touchkit-verticalcomponentgroup .v-formlayout .v-formlayout-contentcell > * { float:right; -} +} .v-touchkit-componentgroup-row>.v-caption>.v-icon, .v-touchkit-navbutton .v-icon { @@ -663,7 +663,7 @@ a { box-shadow: dropShadow; } -.v-touchkit-navbar .v-touchkit-navbar-caption, +.v-touchkit-navbar .v-touchkit-navbar-caption, .v-touchkit-navpanel-placeholder > div, .v-touchkit-popover.v-touchkit-fullscreen .v-touchkit-navpanel-placeholder > div { line-height: 43px; @@ -711,7 +711,7 @@ a { /* NavigationView */ .v-touchkit-navview { - position:relative; + position:relative; /* full size by default */ width: 100%; height: 100%; @@ -724,7 +724,7 @@ a { top: 43px; bottom: toolbarHeight; left: 0; - right: 0; + right: 0; overflow: auto; } .v-touchkit-navview-notoolbar .v-touchkit-navview-wrapper { @@ -739,7 +739,7 @@ a { right: 0; border-top: windowBorder; box-shadow: upperDropShadow; - + /* workaround for a strange bug in chrome that breaks scrolling (#17251) */ z-index: 0; } @@ -789,7 +789,7 @@ a { /* touchkit sub window */ .v-touchkit-popover { - + } .v-window-modalitycurtain { @@ -987,7 +987,7 @@ a { .v-touchkit-tabbar .v-csslayout-container, .v-touchkit-tabbar .v-csslayout-margin { height:100%; - position:relative; + position:relative; } .v-touchkit-tabbar-wrapper { @@ -1109,7 +1109,7 @@ a { .v-position-top { top: 0px; } - + .v-Notification-error { background: notificationErrorBackground; } @@ -1132,7 +1132,7 @@ a { color: darkText; margin-top: 10px; } - + /* Table */ .v-table { overflow: hidden; @@ -1232,7 +1232,7 @@ overflow: hidden; } .v-table-generated-row { - + } .v-table-cell-content { @@ -1529,7 +1529,7 @@ vertical-align: middle; .v-filterselect-prevpage span { } - + .v-filterselect-prevpage:before, .v-filterselect-nextpage:before, .v-filterselect-prevpage-off:before, @@ -1554,7 +1554,7 @@ vertical-align: middle; .v-filterselect-nextpage-off, .v-filterselect-prevpage-off { - + } .v-filterselect-status { @@ -1791,7 +1791,7 @@ select.v-select-select::-ms-expand { } .v-touchkit-datepicker>input { - /* Full width native date picker needs to be 100% width, + /* Full width native date picker needs to be 100% width, * especially important when empty in VCG (else ~20px wide) */ width:100%; } @@ -1875,7 +1875,7 @@ select.v-select-select::-ms-expand { right: 0; border-top: listBorder; } - + /* ...hide from the first */ .v-touchkit-componentgroup-cell > .v-select-optiongroup :first-child:before { display: none; @@ -1892,8 +1892,8 @@ select.v-select-select::-ms-expand { } /* strong selectors to override default margins */ -.v-touchkit-verticalcomponentgroup .v-formlayout .v-formlayout-row .v-formlayout-captioncell, -.v-touchkit-verticalcomponentgroup .v-formlayout .v-formlayout-row .v-formlayout-contentcell, +.v-touchkit-verticalcomponentgroup .v-formlayout .v-formlayout-row .v-formlayout-captioncell, +.v-touchkit-verticalcomponentgroup .v-formlayout .v-formlayout-row .v-formlayout-contentcell, .v-touchkit-verticalcomponentgroup .v-formlayout .v-formlayout-row .v-formlayout-errorcell { padding:0; } @@ -1921,7 +1921,7 @@ select.v-select-select::-ms-expand { border-bottom: none; } -.v-label-grey-title, +.v-label-grey-title, .v-layout > .v-caption>div { font-size: fieldTextSize; @@ -2210,7 +2210,7 @@ select.v-select-select::-ms-expand { } /* Navbar buttons and horizontal button group. - * Note that these must be after all other + * Note that these must be after all other * button styles to get properly overridden border radius etc */ .v-touchkit-componentgroup-cell .v-button, @@ -2235,11 +2235,11 @@ select.v-select-select::-ms-expand { } .v-touchkit-navbutton-back { - padding-left: listLayoutMargin; + padding-left: listLayoutMargin; padding-right: 20px; } .v-touchkit-navbutton-back { - padding-left: 20px; + padding-left: 20px; padding-right: listLayoutMargin; } .v-touchkit-navbutton-back:after { @@ -2378,7 +2378,7 @@ select.v-select-select::-ms-expand { margin-top: 8px; line-height: 44px; /* margin-top does not affect font-icon */ } - + /* Strip some styles from buttons inside a componentgroup */ .v-touchkit-horizontalbuttongroup .v-button-wrap { @@ -2464,13 +2464,13 @@ select.v-select-select::-ms-expand { } .v-tree-node { - position:relative; + position:relative; } .v-treetable-node-open:after, .v-tree-node-expanded:after { content: "\25BC"; -} +} .v-tree-node-leaf:after { content: ""; @@ -2480,16 +2480,16 @@ select.v-select-select::-ms-expand { .v-tree-node-expanded:after { position:absolute; top:12px; - left:6px; + left:6px; } .v-treetable-node-closed::after, .v-treetable-node-open::after { - margin-right: 4px; + margin-right: 4px; } .v-treetable-node-open { - + } .v-menubar-submenu .v-menubar-menuitem-checked .v-menubar-menuitem-caption:after { @@ -2534,7 +2534,7 @@ select.v-select-select::-ms-expand { top: 5px; } .v-cache-loading-indicator:after { - font-size:10px; + font-size:10px; } .floatingIndex { From c1fdfd2e7230974b84db08d3a0fcc2dd386e3509 Mon Sep 17 00:00:00 2001 From: Steinar Bang Date: Fri, 8 Jun 2018 22:29:03 +0200 Subject: [PATCH 3/3] Only remove "display:block" from buttons when the "valo" theme is used, Fixes #15. --- .../vaadin/touchkit/gwt/client/theme/touchkit.css | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/touchkit/src/main/java/org/vaadin/touchkit/gwt/client/theme/touchkit.css b/touchkit/src/main/java/org/vaadin/touchkit/gwt/client/theme/touchkit.css index 59681f88..6f73133f 100644 --- a/touchkit/src/main/java/org/vaadin/touchkit/gwt/client/theme/touchkit.css +++ b/touchkit/src/main/java/org/vaadin/touchkit/gwt/client/theme/touchkit.css @@ -1,5 +1,5 @@ -@external v-datefield-calendarpanel-day-disabled,blue,datePickerDay,datePickerDayIsDisabled,datePickerDayIsFiller,datePickerDayIsValue,datePickerDays,datePickerMonth,datePickerMonthSelector,datePickerNextButton,datePickerPreviousButton,datePickerWeekdayLabel,datePickerWeekendLabel,v-touchkit-datepopover-time,empty,focused,green,gwt-DatePicker,gwt-MenuItem,gwt-MenuItem-selected,html-face,icon-arrow-down,icon-arrow-left,icon-arrow-right,icon-arrow-up,no-box-drag-hints,no-horizontal-drag-hints,no-vertical-drag-hints,popupContent,red,relative,v-absolutelayout,v-absolutelayout-canvas,v-absolutelayout-margin,v-absolutelayout-wrapper,v-accordion,v-accordion-item,v-accordion-item-caption,v-accordion-item-content,v-accordion-item-open,v-align-bottom,v-align-center,v-align-middle,v-align-right,v-app,v-app-loading,v-app-loginpage,v-button,v-button-blue,v-button-caption,v-button-green,v-button-link,v-button-nextyear,v-button-no-decoration,v-button-red,v-button-selected,v-button-white,v-button-wrap,v-cache-loading-indicator,v-caption,v-caption-on-bottom,v-caption-on-left,v-caption-on-right,v-caption-on-top,v-caption-required,v-captiontext,v-captionwrapper,v-checkbox,v-clip,v-contextmenu,v-csslayout,v-csslayout-container,v-csslayout-margin,v-csslayout-margin-bottom,v-csslayout-margin-left,v-csslayout-margin-right,v-csslayout-margin-top,v-customcomponent,v-customlayout,v-datefield,v-datefield-button,v-datefield-button-readonly,v-datefield-calendarpanel,v-datefield-calendarpanel-day,v-datefield-calendarpanel-day-focused,v-datefield-calendarpanel-day-offmonth,v-datefield-calendarpanel-day-selected,v-datefield-calendarpanel-day-today,v-datefield-calendarpanel-header,v-datefield-calendarpanel-month,v-datefield-calendarpanel-weeknumber,v-datefield-error,v-datefield-popup,v-datefield-popupcalendar,v-datefield-prompt,v-datefield-textfield,v-datefield-time,v-ddwrapper,v-ddwrapper-over,v-ddwrapper-over-bottom,v-ddwrapper-over-left,v-ddwrapper-over-right,v-ddwrapper-over-top,v-disabled,v-drag-element,v-embedded-image,v-errorindicator,v-errormessage,v-expand,v-filterselect,v-filterselect-button,v-filterselect-input,v-filterselect-nextpage,v-filterselect-nextpage-off,v-filterselect-no-input,v-filterselect-prevpage,v-filterselect-prevpage-off,v-filterselect-prompt,v-filterselect-status,v-filterselect-suggestmenu,v-filterselect-suggestpopup,v-form,v-form-content,v-formlayout,v-formlayout-captioncell,v-formlayout-cell,v-formlayout-contentcell,v-formlayout-error-indicator,v-formlayout-errorcell,v-formlayout-firstrow,v-formlayout-lastrow,v-formlayout-margin-bottom,v-formlayout-margin-left,v-formlayout-margin-right,v-formlayout-margin-top,v-formlayout-row,v-formlayout-spacing,v-generated-body,v-gridlayout,v-gridlayout-margin-bottom,v-gridlayout-margin-left,v-gridlayout-margin-right,v-gridlayout-margin-top,v-gridlayout-slot,v-gridlayout-spacing,v-gridlayout-spacing-off,v-gridlayout-spacing-on,v-has-caption,v-has-height,v-has-width,v-horizontal,v-horizontallayout,v-horizontallayout-margin-bottom,v-horizontallayout-margin-left,v-horizontallayout-margin-right,v-horizontallayout-margin-top,v-horizontallayout-slot,v-horizontallayout-spacing-off,v-horizontallayout-spacing-on,v-icon,v-inline-datefield,v-inline-datefield-button,v-inline-datefield-button-readonly,v-inline-datefield-calendarpanel,v-inline-datefield-calendarpanel-day,v-inline-datefield-calendarpanel-day-disabled,v-inline-datefield-calendarpanel-day-focused,v-inline-datefield-calendarpanel-day-offmonth,v-inline-datefield-calendarpanel-day-selected,v-inline-datefield-calendarpanel-day-today,v-inline-datefield-calendarpanel-header,v-inline-datefield-calendarpanel-month,v-inline-datefield-calendarpanel-weeknumber,v-inline-datefield-popup,v-inline-datefield-popupcalendar,v-inline-datefield-prompt,v-inline-datefield-textfield,v-inline-datefield-time,v-label,v-label-grey-title,v-label-undef-w,v-layout,v-layout-margin-bottom,v-layout-margin-left,v-layout-margin-right,v-layout-margin-top,v-layout-spacing-on,v-link,v-loading-indicator,v-loading-indicator-delay,v-loading-indicator-wait,v-loginform,v-margin-bottom,v-margin-left,v-margin-right,v-margin-top,v-menubar,v-menubar-menuitem,v-menubar-menuitem-caption,v-menubar-menuitem-checked,v-menubar-menuitem-disabled,v-menubar-menuitem-selected,v-menubar-more-menuitem,v-menubar-popup,v-menubar-separator,v-menubar-submenu,v-menubar-submenu-check-column,v-menubar-submenu-indicator,v-nativebutton,v-nativebutton-caption,v-nativebutton-link,v-Notification,v-Notification-error,v-Notification-system,v-Notification-tray,v-Notification-warning,v-off,v-orderedlayout,v-orderedlayout-margin-bottom,v-orderedlayout-margin-left,v-orderedlayout-margin-right,v-orderedlayout-margin-top,v-orderedlayout-spacing-off,v-orderedlayout-spacing-on,v-overlay-container,v-panel,v-panel-caption,v-panel-caption-light,v-panel-content,v-panel-content-light,v-panel-deco,v-panel-deco-light,v-panel-light,v-panel-nocaption,v-popupview,v-popupview-popup,v-pressed,v-progressindicator,v-progressindicator-indeterminate,v-progressindicator-indeterminate-disabled,v-progressindicator-indicator,v-progressindicator-wrapper,v-readonly,v-required-field-indicator,v-scrollable,v-select,v-select-option,v-select-optiongroup,v-select-select,v-select-twincol,v-select-twincol-buttons,v-select-twincol-caption-left,v-select-twincol-caption-right,v-select-twincol-deco,v-select-twincol-options,v-select-twincol-selections,v-selected,v-shadow,v-shadow-window,v-slider,v-slider-base,v-slider-feedback,v-slider-handle,v-slider-handle-active,v-slider-vertical,v-slot,v-spacing,v-splitpanel-horizontal,v-splitpanel-hsplitter,v-splitpanel-vertical,v-splitpanel-vsplitter,v-table,v-table-body,v-table-body-noselection,v-table-body-wrapper,v-table-caption-container,v-table-caption-container-align-center,v-table-caption-container-align-right,v-table-cell-content,v-table-cell-wrapper,v-table-cell-wrapper-align-center,v-table-cell-wrapper-align-right,v-table-column-selector,v-table-drag,v-table-focus,v-table-focus-slot-left,v-table-focus-slot-right,v-table-footer,v-table-footer-cell,v-table-footer-container,v-table-footer-wrap,v-table-generated-row,v-table-header,v-table-header-cell,v-table-header-cell-asc,v-table-header-cell-rowheader,v-table-header-cell-desc,v-table-header-drag,v-table-header-wrap,v-table-resizer,v-table-row,v-table-row-animating,v-table-row-drag-bottom,v-table-row-drag-middle,v-table-row-drag-top,v-table-row-odd,v-table-row-spacer,v-table-scrollposition,v-table-sort-indicator,v-table-table,v-tabsheet,v-tabsheet-caption-close,v-tabsheet-content,v-tabsheet-deco,v-tabsheet-hidetabs,v-tabsheet-scroller,v-tabsheet-scrollerNext,v-tabsheet-scrollerNext-disabled,v-tabsheet-scrollerPrev,v-tabsheet-scrollerPrev-disabled,v-tabsheet-spacertd,v-tabsheet-tabcontainer,v-tabsheet-tabitem,v-tabsheet-tabitem-selected,v-tabsheet-tabitemcell,v-tabsheet-tabitemcell-disabled,v-tabsheet-tabs,v-textarea,v-textarea-prompt,v-textarea-readonly,v-textfield,v-textfield-prompt,v-textfield-readonly,v-tooltip,v-tooltip-text,v-touchkit-backgroundstripes,v-touchkit-componentgroup-cell,v-touchkit-componentgroup-cell-fullwrapper,v-touchkit-componentgroup-row,v-touchkit-componentgroup-row-cap,v-touchkit-componentgroup-row-full,v-touchkit-componentgroup-row-nocap,v-touchkit-date-cancel,v-touchkit-date-ok,v-touchkit-datepopover,v-touchkit-datepopover-hidedays,v-touchkit-datepopover-nonext,v-touchkit-datepopover-noprev,v-touchkit-fullscreen,v-touchkit-horizontalbuttongroup,v-touchkit-navbar,v-touchkit-navbar-caption,v-touchkit-navbar-left,v-touchkit-navbar-right,v-touchkit-navbutton,v-touchkit-navbutton-back,v-touchkit-navbutton-desc,v-touchkit-navbutton-emphasis,v-touchkit-navbutton-forward,v-touchkit-navbutton-pill,v-touchkit-navpanel,v-touchkit-navpanel-container,v-touchkit-navpanel-notransit,v-touchkit-navpanel-placeholder,v-touchkit-navpanel-wrapper,v-touchkit-navview,v-touchkit-navview-notoolbar,v-touchkit-navview-toolbar,v-touchkit-navview-wrapper,v-touchkit-numberfield,v-touchkit-offlinemode,v-touchkit-offlinemode-panel,v-touchkit-opacity-transition,v-touchkit-plain,v-touchkit-popover,v-touchkit-popover-pointer,v-touchkit-popover-pointer-bottom,v-touchkit-relative,v-touchkit-sadface,v-touchkit-smallscreen,v-touchkit-swipeview,v-touchkit-switch-widget,v-touchkit-switch-wrapper, v-touchkit-switch-off, v-touchkit-switch,v-touchkit-switch-focus,v-touchkit-switch-slider,v-touchkit-tabbar,v-touchkit-tabbar-toolbar,v-touchkit-tabbar-wrapper,v-touchkit-toolbar,v-touchkit-verticalcomponentgroup,v-tree,v-tree-node,v-tree-node-caption,v-tree-node-caption-drag-center,v-tree-node-children,v-tree-node-drag-bottom,v-tree-node-drag-top,v-tree-node-expanded,v-tree-node-leaf,v-tree-node-selected,v-treetable,v-treetable-animation-clone,v-treetable-animation-clone-wrapper,v-treetable-node-closed,v-treetable-node-open,v-treetable-treespacer,v-ui,v-ui-embedded,v-upload,v-upload-immediate,v-vertical,v-verticallayout,v-verticallayout-margin-bottom,v-verticallayout-margin-left,v-verticallayout-margin-right,v-verticallayout-margin-top,v-verticallayout-slot,v-verticallayout-spacing-off,v-verticallayout-spacing-on,v-widget,v-window,v-window-closebox,v-window-contents,v-window-draggingCurtain,v-window-footer,v-window-footer-noresize,v-window-header,v-window-modalitycurtain,v-window-outerheader,v-window-resizebox,v-window-resizebox-disabled,v-window-resizingCurtain,v-window-wrap,v-button-nav,v-touchkit-datepicker,v-progressbar-indeterminate-disabled,v-progressbar-wrapper,v-progressbar-indeterminate,v-progressbar-indicator,v-progressbar,v-assistive-device-only,v-textfield-error,,v-inline-datefield-calendarpanel-day-outside-range,v-window-maximizebox-disabled,v-ff,outside-range,v-inline-datefield-calendarpanel-prevyear,v-browserframe,v-tabsheet-tabitem-focus,v-inline-datefield-calendarpanel-nextyear,FontAwesome,v-window-maximizebox,v-inline-datefield-calendarpanel-prevmonth,v-window-restorebox-disabled,v-vaadin-version,v-webkit,v-modal-window-open,v-window-restorebox,v-datefield-calendarpanel-day-outside-range,v-inline-datefield-calendarpanel-nextmonth,v-ios5,v-ios,v-sa,v-position-*; +@external v-datefield-calendarpanel-day-disabled,blue,datePickerDay,datePickerDayIsDisabled,datePickerDayIsFiller,datePickerDayIsValue,datePickerDays,datePickerMonth,datePickerMonthSelector,datePickerNextButton,datePickerPreviousButton,datePickerWeekdayLabel,datePickerWeekendLabel,v-touchkit-datepopover-time,empty,focused,green,gwt-DatePicker,gwt-MenuItem,gwt-MenuItem-selected,html-face,icon-arrow-down,icon-arrow-left,icon-arrow-right,icon-arrow-up,no-box-drag-hints,no-horizontal-drag-hints,no-vertical-drag-hints,popupContent,red,relative,v-absolutelayout,v-absolutelayout-canvas,v-absolutelayout-margin,v-absolutelayout-wrapper,v-accordion,v-accordion-item,v-accordion-item-caption,v-accordion-item-content,v-accordion-item-open,v-align-bottom,v-align-center,v-align-middle,v-align-right,v-app,v-app-loading,v-app-loginpage,v-button,v-button-blue,v-button-caption,v-button-green,v-button-link,v-button-nextyear,v-button-no-decoration,v-button-red,v-button-selected,v-button-white,v-button-wrap,v-cache-loading-indicator,v-caption,v-caption-on-bottom,v-caption-on-left,v-caption-on-right,v-caption-on-top,v-caption-required,v-captiontext,v-captionwrapper,v-checkbox,v-clip,v-contextmenu,v-csslayout,v-csslayout-container,v-csslayout-margin,v-csslayout-margin-bottom,v-csslayout-margin-left,v-csslayout-margin-right,v-csslayout-margin-top,v-customcomponent,v-customlayout,v-datefield,v-datefield-button,v-datefield-button-readonly,v-datefield-calendarpanel,v-datefield-calendarpanel-day,v-datefield-calendarpanel-day-focused,v-datefield-calendarpanel-day-offmonth,v-datefield-calendarpanel-day-selected,v-datefield-calendarpanel-day-today,v-datefield-calendarpanel-header,v-datefield-calendarpanel-month,v-datefield-calendarpanel-weeknumber,v-datefield-error,v-datefield-popup,v-datefield-popupcalendar,v-datefield-prompt,v-datefield-textfield,v-datefield-time,v-ddwrapper,v-ddwrapper-over,v-ddwrapper-over-bottom,v-ddwrapper-over-left,v-ddwrapper-over-right,v-ddwrapper-over-top,v-disabled,v-drag-element,v-embedded-image,v-errorindicator,v-errormessage,v-expand,v-filterselect,v-filterselect-button,v-filterselect-input,v-filterselect-nextpage,v-filterselect-nextpage-off,v-filterselect-no-input,v-filterselect-prevpage,v-filterselect-prevpage-off,v-filterselect-prompt,v-filterselect-status,v-filterselect-suggestmenu,v-filterselect-suggestpopup,v-form,v-form-content,v-formlayout,v-formlayout-captioncell,v-formlayout-cell,v-formlayout-contentcell,v-formlayout-error-indicator,v-formlayout-errorcell,v-formlayout-firstrow,v-formlayout-lastrow,v-formlayout-margin-bottom,v-formlayout-margin-left,v-formlayout-margin-right,v-formlayout-margin-top,v-formlayout-row,v-formlayout-spacing,v-generated-body,v-gridlayout,v-gridlayout-margin-bottom,v-gridlayout-margin-left,v-gridlayout-margin-right,v-gridlayout-margin-top,v-gridlayout-slot,v-gridlayout-spacing,v-gridlayout-spacing-off,v-gridlayout-spacing-on,v-has-caption,v-has-height,v-has-width,v-horizontal,v-horizontallayout,v-horizontallayout-margin-bottom,v-horizontallayout-margin-left,v-horizontallayout-margin-right,v-horizontallayout-margin-top,v-horizontallayout-slot,v-horizontallayout-spacing-off,v-horizontallayout-spacing-on,v-icon,v-inline-datefield,v-inline-datefield-button,v-inline-datefield-button-readonly,v-inline-datefield-calendarpanel,v-inline-datefield-calendarpanel-day,v-inline-datefield-calendarpanel-day-disabled,v-inline-datefield-calendarpanel-day-focused,v-inline-datefield-calendarpanel-day-offmonth,v-inline-datefield-calendarpanel-day-selected,v-inline-datefield-calendarpanel-day-today,v-inline-datefield-calendarpanel-header,v-inline-datefield-calendarpanel-month,v-inline-datefield-calendarpanel-weeknumber,v-inline-datefield-popup,v-inline-datefield-popupcalendar,v-inline-datefield-prompt,v-inline-datefield-textfield,v-inline-datefield-time,v-label,v-label-grey-title,v-label-undef-w,v-layout,v-layout-margin-bottom,v-layout-margin-left,v-layout-margin-right,v-layout-margin-top,v-layout-spacing-on,v-link,v-loading-indicator,v-loading-indicator-delay,v-loading-indicator-wait,v-loginform,v-margin-bottom,v-margin-left,v-margin-right,v-margin-top,v-menubar,v-menubar-menuitem,v-menubar-menuitem-caption,v-menubar-menuitem-checked,v-menubar-menuitem-disabled,v-menubar-menuitem-selected,v-menubar-more-menuitem,v-menubar-popup,v-menubar-separator,v-menubar-submenu,v-menubar-submenu-check-column,v-menubar-submenu-indicator,v-nativebutton,v-nativebutton-caption,v-nativebutton-link,v-Notification,v-Notification-error,v-Notification-system,v-Notification-tray,v-Notification-warning,v-off,v-orderedlayout,v-orderedlayout-margin-bottom,v-orderedlayout-margin-left,v-orderedlayout-margin-right,v-orderedlayout-margin-top,v-orderedlayout-spacing-off,v-orderedlayout-spacing-on,v-overlay-container,v-panel,v-panel-caption,v-panel-caption-light,v-panel-content,v-panel-content-light,v-panel-deco,v-panel-deco-light,v-panel-light,v-panel-nocaption,v-popupview,v-popupview-popup,v-pressed,v-progressindicator,v-progressindicator-indeterminate,v-progressindicator-indeterminate-disabled,v-progressindicator-indicator,v-progressindicator-wrapper,v-readonly,v-required-field-indicator,v-scrollable,v-select,v-select-option,v-select-optiongroup,v-select-select,v-select-twincol,v-select-twincol-buttons,v-select-twincol-caption-left,v-select-twincol-caption-right,v-select-twincol-deco,v-select-twincol-options,v-select-twincol-selections,v-selected,v-shadow,v-shadow-window,v-slider,v-slider-base,v-slider-feedback,v-slider-handle,v-slider-handle-active,v-slider-vertical,v-slot,v-spacing,v-splitpanel-horizontal,v-splitpanel-hsplitter,v-splitpanel-vertical,v-splitpanel-vsplitter,v-table,v-table-body,v-table-body-noselection,v-table-body-wrapper,v-table-caption-container,v-table-caption-container-align-center,v-table-caption-container-align-right,v-table-cell-content,v-table-cell-wrapper,v-table-cell-wrapper-align-center,v-table-cell-wrapper-align-right,v-table-column-selector,v-table-drag,v-table-focus,v-table-focus-slot-left,v-table-focus-slot-right,v-table-footer,v-table-footer-cell,v-table-footer-container,v-table-footer-wrap,v-table-generated-row,v-table-header,v-table-header-cell,v-table-header-cell-asc,v-table-header-cell-rowheader,v-table-header-cell-desc,v-table-header-drag,v-table-header-wrap,v-table-resizer,v-table-row,v-table-row-animating,v-table-row-drag-bottom,v-table-row-drag-middle,v-table-row-drag-top,v-table-row-odd,v-table-row-spacer,v-table-scrollposition,v-table-sort-indicator,v-table-table,v-tabsheet,v-tabsheet-caption-close,v-tabsheet-content,v-tabsheet-deco,v-tabsheet-hidetabs,v-tabsheet-scroller,v-tabsheet-scrollerNext,v-tabsheet-scrollerNext-disabled,v-tabsheet-scrollerPrev,v-tabsheet-scrollerPrev-disabled,v-tabsheet-spacertd,v-tabsheet-tabcontainer,v-tabsheet-tabitem,v-tabsheet-tabitem-selected,v-tabsheet-tabitemcell,v-tabsheet-tabitemcell-disabled,v-tabsheet-tabs,v-textarea,v-textarea-prompt,v-textarea-readonly,v-textfield,v-textfield-prompt,v-textfield-readonly,v-tooltip,v-tooltip-text,v-touchkit-backgroundstripes,v-touchkit-componentgroup-cell,v-touchkit-componentgroup-cell-fullwrapper,v-touchkit-componentgroup-row,v-touchkit-componentgroup-row-cap,v-touchkit-componentgroup-row-full,v-touchkit-componentgroup-row-nocap,v-touchkit-date-cancel,v-touchkit-date-ok,v-touchkit-datepopover,v-touchkit-datepopover-hidedays,v-touchkit-datepopover-nonext,v-touchkit-datepopover-noprev,v-touchkit-fullscreen,v-touchkit-horizontalbuttongroup,v-touchkit-navbar,v-touchkit-navbar-caption,v-touchkit-navbar-left,v-touchkit-navbar-right,v-touchkit-navbutton,v-touchkit-navbutton-back,v-touchkit-navbutton-desc,v-touchkit-navbutton-emphasis,v-touchkit-navbutton-forward,v-touchkit-navbutton-pill,v-touchkit-navpanel,v-touchkit-navpanel-container,v-touchkit-navpanel-notransit,v-touchkit-navpanel-placeholder,v-touchkit-navpanel-wrapper,v-touchkit-navview,v-touchkit-navview-notoolbar,v-touchkit-navview-toolbar,v-touchkit-navview-wrapper,v-touchkit-numberfield,v-touchkit-offlinemode,v-touchkit-offlinemode-panel,v-touchkit-opacity-transition,v-touchkit-plain,v-touchkit-popover,v-touchkit-popover-pointer,v-touchkit-popover-pointer-bottom,v-touchkit-relative,v-touchkit-sadface,v-touchkit-smallscreen,v-touchkit-swipeview,v-touchkit-switch-widget,v-touchkit-switch-wrapper, v-touchkit-switch-off, v-touchkit-switch,v-touchkit-switch-focus,v-touchkit-switch-slider,v-touchkit-tabbar,v-touchkit-tabbar-toolbar,v-touchkit-tabbar-wrapper,v-touchkit-toolbar,v-touchkit-verticalcomponentgroup,v-tree,v-tree-node,v-tree-node-caption,v-tree-node-caption-drag-center,v-tree-node-children,v-tree-node-drag-bottom,v-tree-node-drag-top,v-tree-node-expanded,v-tree-node-leaf,v-tree-node-selected,v-treetable,v-treetable-animation-clone,v-treetable-animation-clone-wrapper,v-treetable-node-closed,v-treetable-node-open,v-treetable-treespacer,v-ui,v-ui-embedded,v-upload,v-upload-immediate,v-vertical,v-verticallayout,v-verticallayout-margin-bottom,v-verticallayout-margin-left,v-verticallayout-margin-right,v-verticallayout-margin-top,v-verticallayout-slot,v-verticallayout-spacing-off,v-verticallayout-spacing-on,v-widget,v-window,v-window-closebox,v-window-contents,v-window-draggingCurtain,v-window-footer,v-window-footer-noresize,v-window-header,v-window-modalitycurtain,v-window-outerheader,v-window-resizebox,v-window-resizebox-disabled,v-window-resizingCurtain,v-window-wrap,v-button-nav,v-touchkit-datepicker,v-progressbar-indeterminate-disabled,v-progressbar-wrapper,v-progressbar-indeterminate,v-progressbar-indicator,v-progressbar,v-assistive-device-only,v-textfield-error,,v-inline-datefield-calendarpanel-day-outside-range,v-window-maximizebox-disabled,v-ff,outside-range,v-inline-datefield-calendarpanel-prevyear,v-browserframe,v-tabsheet-tabitem-focus,v-inline-datefield-calendarpanel-nextyear,FontAwesome,v-window-maximizebox,v-inline-datefield-calendarpanel-prevmonth,v-window-restorebox-disabled,v-vaadin-version,v-webkit,v-modal-window-open,v-window-restorebox,v-datefield-calendarpanel-day-outside-range,v-inline-datefield-calendarpanel-nextmonth,v-ios5,v-ios,v-sa,v-position-*,valothemeui; @def baseBackground #F5F5F2; @def veryLightBackground #f9f9f8; /* ios7 #f7f8f8 */ @@ -354,7 +354,15 @@ div.v-progressbar-indeterminate { } -.v-button-wrap { +:not(.valothemeui).v-button-wrap { + display: block; + padding: 0 listLayoutMargin; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + } + +.valothemeui.v-button-wrap { padding: 0 listLayoutMargin; white-space: nowrap; text-overflow: ellipsis;