Updates to scrolled TabSheet resize logic and Valo right-alignment. (#11133)
- When a TabSheet is scrolled to an end and then resized bigger, more
tabs should appear to the left.
- When a TabSheet is right-aligned in Valo and scrolled to the end, last
tab shouldn't be partially hidden behind the scroller buttons.
- Shouldn't allow attempts to scroll into directions where there is
nothing left to scroll to, even if the current tab isn't fully visible.
Fixes #807
Create a Valo icon font for icons used in Valo (#18472)
Valo uses only a handful of icons from Font Awesome. This change
introduces a separate icon font for valo (9KB instead of 80KB) and
decouples Valo from Font Awesome to enable updating Font Awesome
without taking Valo into account.
This change also makes it easy to not load Font Awesome when using Valo
by setting $v-font-awesome:false
For backwards compatibility, Font Awesome is loaded by default
Change-Id: Ib01e3cf34e2468c885fcb8c7859cd1d1af4491aa
Re-enable for labels, captions, tables and text inputs.
Removed all unnecessary user-select: none; declarations since the top
level declaration will affect the whole dom tree.
Change-Id: I2e74b749340c8649d3b0778d62acafecf878685d
Split common-stylenames to individual component files (#14374)
Moved notification and valo-menu styles to the components folder as
well, and added them to the $v-included-components list.
Additional styles are now also controlled with a list variable, which
lists all components whose additional styles should be included in the
build.
Change-Id: Ifb8d49d71622decf8fa0d4875985fcafd908a1f8
This change makes the mixin opacity() compatible with both the
sass-lang implementation and our compiler.
Change-Id: I29923cb3cf6d876fcf39696608fe3a5e3222374d
Improve textfied, datefield and combobox mixins so that they can be
used with null parameter values. This makes them output less styles and
allows combining multiple styles together (e.g. small + borderless).
Let valo-button-style mixin support padding as a list instead of just a
single number.
Change default calendar event colors to hex values (Vaadin Sass
compiler doesn’t support all color keywords just yet).
Error styles for date field and combo box
Small fix to table to support all border sizes (Java code has a
hard-coded 1px border width). Remove a few unnecessary selectors.
Make tab sheet tab alignment mixin more generic (now allows both right
and center alignment).
Fix framed tab sheet style border (bottom border caused left and right
borders to have a “cropped” angle at the bottom end).
Fix selection overlay item active style color (i.e. white would produce
a pink color). Now a completely desaturated color won’t be saturated.
Change-Id: I0117e20ef0a597de982a4d0c85a3c78fff87eafc
Add a small API for checkbox, radio button and option group.
Fix border radius for ComboBox (no-text-input + small/large style).
Add better support for form layout section captions (now supports h2,
h3 and h4 labels instead of just h4).
Add “align-right” and “align-center” utility style names for label.
Fix black line artifacts in iOS for panel, window and tabsheet (visible
at certain zoom levels).
Refactor tab sheet styles to be more modular (so you can combine framed
with icons-on-top for instance).
Fix tab sheet loading indicator reserving unnecessary space in parent
layout.
Readonly style for richtextarea.
Fix slider handle focus border color.
Fix #14058: Valo causes Table headers to be overly long
- Table now reserves as little space as necessary
- TreeTable works slightly differently, causing it to reserve more
space in some situations
Rename table mixins to follow naming convention (mixins that do not
output top-level selectors should be suffixed with “-style”, others
not).
Fix TreeTable treespacer style so that it works correctly with row
captions/icons.
Prevent text size adjust on iOS.
Refine default overlay shadow.
Change-Id: I31fa8905c5aa34ab810c3d1c7ac35c3f572c8c04
Renamed the tab sheet mixins also to follow the convensions.
TabSheet now also has a “loading” state when the tab content takes a
little longer to render on the server.
Change-Id: I77a3508e2009c780347ca61a82b8a1d3458d92b4
- Added initial Sass API for Accordion and TabSheet (previously only
one mixin)
- Renamed ‘darker-of’ function to ‘darkest-color’, which now supports
more than two colors
- Refactored notifications to use the new position classes as well as
the new animation-in/out functionality
- Refactored overlay styles to use animation-in/out functionality
- Fixed all unwanted white-space and scrollbar issues in all browsers
(font-size:0 or line-height:0 no longer necessary), and fixes vertical
centering in horizontal layout (#13671)
- Fixed borderless menubar clicking bug (Firefox and Opera)
- Fixed table column selector, which no longer produces scrollbars if
placed directly inside a scrollable area in full size
- Fixed table outline overflow in Opera (now using box-shadow instead
in all other browsers except IE8)
- Added toolbar support for windows (header and footer)
- Moved optional notification styles to common-stylenames.scss
-Various other small tweaks
Change-Id: I42343199be12f6d909b9584b7dce3e258846da81
Also fixes #13672 (added ‘notification’ v-included-components list)
Fixes #13746 as well (DragAndDropWrapper won’t hide the drag source any
more)
Loads of smaller tweaks and fixes, went through almost all components
again and fixed any issues I could find in testing.
Testing done with the following:
Desktop (OS X Mavericks)
-Safari 7
-Chrome 35
-Firefox 24.5
-Opera 21, 12
-Internet Explorer 8,10
Mobile:
-iOS 7
-Android 4
-Android 2.3
-Windows Phone 8
Change-Id: Ide32cacd1958b5b8db85afe23f455ad3140a7d21
Rename $v-app-background-color to $v-background-color (#13670)
Top level background-color variable, which is then specialized by
different components in the theme.
Mass search-and-replace, tested that the theme works as expected.
Added a new test UI class for the Valo theme.
Updated .gitignore to ignore .sass-cache (command line Sass creates a
cache folder when watching for changes)
Change-Id: I574a393de059aec7b24cb6014d3192d9717688e5