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

72 lines
1.5 KiB
Dart

// 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 '../fn.dart';
import 'button_base.dart';
import 'ink_well.dart';
import 'material.dart';
typedef void ValueChanged(value);
class Radio extends ButtonBase {
Object value;
Object groupValue;
ValueChanged onChanged;
static final Style _style = new Style('''
transform: translateX(0);
display: inline-flex;
-webkit-user-select: none;
width: 14px;
height: 14px;
border-radius: 7px;
border: 1px solid blue;
margin: 0 5px;'''
);
static final Style _highlightStyle = new Style('''
transform: translateX(0);
display: inline-flex;
-webkit-user-select: none;
width: 14px;
height: 14px;
border-radius: 7px;
border: 1px solid blue;
margin: 0 5px;
background-color: orange;'''
);
static final Style _dotStyle = new Style('''
-webkit-user-select: none;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: black;
margin: 2px;'''
);
Radio({
Object key,
this.onChanged,
this.value,
this.groupValue
}) : super(key: key);
UINode buildContent() {
return new EventListenerNode(
new StyleNode(
new InkWell(
children: value == groupValue ? [new Container(style: _dotStyle)] : []
),
highlight ? _highlightStyle : _style
),
onGestureTap: _handleClick
);
}
void _handleClick(_) {
onChanged(value);
}
}