firka/flutter
firka/flutter
5
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update Sky widgets to have more material design

Browse Source 
This CL updates the Sky widgets to be closer to the material design spec.
There's still a long way to go, but this CL is a start.

R=eseidel@chromium.org

Review URL: https://codereview.chromium.org/951823002
This commit is contained in:
Adam Barth 2015-02-23 23:59:57 -08:00
parent adf02a0dc5
commit 3904a6c35b
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
examples/widgets/widget-root.sky
View File

@ -13,6 +13,9 @@
<sky-element> <sky-element>
<template> <template>
<style> <style>
:host {
font-family: 'Roboto Regular', 'Helvetica';
}
div { div {
display: flex; display: flex;
align-items: center; align-items: center;
@ -34,9 +37,11 @@
</sky-box> </sky-box>
<sky-box title='Buttons'> <sky-box title='Buttons'>
<sky-button id='button'>Button</sky-button> <div style="display: flex; flex-direction: horizontal">
<div>highlight: {{ myButton.highlight }}</div> <div style="flex:1" />
<div>clickCount: {{ clickCount }}</div> <sky-button level="1" id="button">CANCEL</sky-button>
<sky-button level="1" primary>CONFIRM</sky-button>
</div>
</sky-box> </sky-box>
<sky-box title='Checkboxes'> <sky-box title='Checkboxes'>