Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(321)

Unified Diff: sky/framework/elements/sky-menu-item.sky

Issue 1132063007: Rationalize Dart mojo and sky package structure (Closed) Base URL: https://github.com/domokit/mojo.git@master
Patch Set: Created 5 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « sky/framework/elements/sky-menu-divider.sky ('k') | sky/framework/elements/sky-radio.sky » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: sky/framework/elements/sky-menu-item.sky
diff --git a/sky/framework/elements/sky-menu-item.sky b/sky/framework/elements/sky-menu-item.sky
deleted file mode 100644
index 2bf7aa88db0fe58041d61a6debe75c662f0f58d0..0000000000000000000000000000000000000000
--- a/sky/framework/elements/sky-menu-item.sky
+++ /dev/null
@@ -1,82 +0,0 @@
-<!--
-// 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="material-element.sky" />
-<import src="sky-icon.sky" />
-
-<sky-element attributes="icon:string">
-<template>
- <style>
- :host {
- display: flex;
- flex-direction: row;
- align-items: center;
- height: 48px;
- -webkit-user-select: none;
- }
- #background {
- display: flex;
- flex-direction: row;
- align-items: center;
- height: 100%;
- flex: 1;
- }
- #background[highlight] {
- background: rgba(153, 153, 153, 0.4);
- }
- sky-icon {
- padding: 0px 16px;
- }
- #label {
- font-family: 'Roboto Medium', 'Helvetica';
- color: #212121;
- padding: 0px 16px;
- flex: 1;
- }
- </style>
- <div id="background">
- <sky-icon size="24" />
- <div id="label">
- <content />
- </div>
- </div>
-</template>
-<script>
-import "dart:sky";
-
-@Tagname('sky-menu-item')
-class SkyMenuItem extends MaterialElement {
- SkyIcon _icon;
- Element _label;
-
- SkyMenuItem() {
- addEventListener('pointerdown', _handlePointerDown);
- addEventListener('pointerup', _handlePointerUp);
- addEventListener('pointercancel', _handlePointerUp);
- }
-
- void shadowRootReady() {
- _icon = shadowRoot.querySelector('sky-icon');
- _icon.type = "${icon}_grey600";
- }
-
- void iconChanged(String oldValue, String newValue) {
- if (_icon != null)
- _icon.type = "${newValue}_grey600";
- }
-
- void _handlePointerDown(Event event) {
- shadowRoot.getElementById('background').setAttribute('highlight', '');
- }
-
- void _handlePointerUp(Event event) {
- shadowRoot.getElementById('background').removeAttribute('highlight');
- }
-}
-
-_init(script) => register(script, SkyMenuItem);
-</script>
-</sky-element>
« no previous file with comments | « sky/framework/elements/sky-menu-divider.sky ('k') | sky/framework/elements/sky-radio.sky » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698