mirror of
https://github.com/flutter/flutter.git
synced 2026-02-20 02:29:02 +08:00
88f38ce0e6
-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
52 lines
1.1 KiB
Plaintext
52 lines
1.1 KiB
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="sky-element.sky" />
|
|
<import src="sky-icon.sky" />
|
|
|
|
<sky-element attributes="checked:boolean">
|
|
<template>
|
|
<style>
|
|
:host {
|
|
display: inline-flex;
|
|
-webkit-user-select: none;
|
|
margin: 8px 16px;
|
|
}
|
|
</style>
|
|
<sky-icon size="18" />
|
|
</template>
|
|
<script>
|
|
import "dart:sky";
|
|
|
|
const String _kOnIcon = 'toggle/check_box_black';
|
|
const String _kOffIcon = 'toggle/check_box_outline_blank_black';
|
|
|
|
@Tagname('sky-checkbox')
|
|
class SkyCheckbox extends SkyElement {
|
|
SkyIcon _icon;
|
|
|
|
SkyCheckbox() {
|
|
addEventListener('click', _handleClick);
|
|
}
|
|
|
|
void shadowRootReady() {
|
|
_icon = shadowRoot.querySelector('sky-icon');
|
|
_icon.type = checked ? _kOnIcon : _kOffIcon;
|
|
}
|
|
|
|
void checkedChanged(bool oldValue, bool newValue) {
|
|
if (_icon != null)
|
|
_icon.type = newValue ? _kOnIcon : _kOffIcon;
|
|
}
|
|
|
|
void _handleClick(_) {
|
|
checked = !checked;
|
|
}
|
|
}
|
|
|
|
_init(script) => register(script, SkyCheckbox);
|
|
</script>
|
|
</sky-element>
|