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
Common components inside Table cells render better (Valo)
Add a new size variant “compact” for Textfield, DateField and ComboBox.
Makes the field fit inside the default row height of the table, but
keeps the font size the same as for a normal field. Borderless fields
also now respect the font color of the container (e.g. a selected table
row).
Update test to include common components inside a table.
Change-Id: I88f4d917579c937536dc4c886dc2b7825db01818
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
Mass find-and-replace, tested to work as before in Chrome, and that the
output now includes box -webkit-box-shadow as well as box-shadow.
Bourbon needed to be imported before the css3 utils, so that the
box-shadow mixin can be overridden (Bourbon prints a warning as it has
already deprecated box-shadow prefixes).
Change-Id: I6b4f2047a6d8bfb74f2dbf999d10f7e00005e794
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
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