Ojan Vafai 88f38ce0e6 Remove all uses of display:block and display:inline-block.
-Make display:flex, flex-direction: column, flex-shrink: 1 the default.
-Simplify StyleAdjuster::adjustStyleForAlignment to remove special cases we
won't need as we make flex the default and remove absolute positioning.
-Fix a bug this exposed in column flexboxes where we'd apply the wrong edge
of border/padding/margin.
-For now leave the default of align-items:stretch. The main change here is
that iframe/img will do width:auto the same as blocks (i.e. the width of
the parent). I think this is a good change, but we'll have to see how it feels
in practice.

R=eseidel@chromium.org

Review URL: https://codereview.chromium.org/1061163002
2015-04-06 16:44:12 -07:00

34 lines
688 B
Plaintext

<!--
// Copyright 2015 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
-->
<import src="shadow.sky" as="shadow" />
<import src="sky-element.sky" />
<sky-element attributes="level:number">
<template>
<style>
:host {
display: flex;
flex-direction: row;
align-items: center;
height: 56px;
}
</style>
<content />
</template>
<script>
import "dart:sky";
@Tagname('sky-toolbar')
class SkyToolbar extends SkyElement {
void shadowRootReady() {
shadow.applyTo(shadowRoot);
}
}
_init(script) => register(script, SkyToolbar);
</script>
</sky-element>