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

Side by Side Diff: sky/framework/elements/sky-menu-item.sky

Issue 1061163002: Remove all uses of display:block and display:inline-block. (Closed) Base URL: https://github.com/domokit/mojo.git@master
Patch Set: update one more usage Created 5 years, 8 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 unified diff | Download patch
OLDNEW
1 <!-- 1 <!--
2 // Copyright 2015 The Chromium Authors. All rights reserved. 2 // Copyright 2015 The Chromium Authors. All rights reserved.
3 // Use of this source code is governed by a BSD-style license that can be 3 // Use of this source code is governed by a BSD-style license that can be
4 // found in the LICENSE file. 4 // found in the LICENSE file.
5 --> 5 -->
6 <import src="sky-element.sky" /> 6 <import src="sky-element.sky" />
7 <import src="material-element.sky" /> 7 <import src="material-element.sky" />
8 <import src="sky-icon.sky" /> 8 <import src="sky-icon.sky" />
9 9
10 <sky-element attributes="icon:string"> 10 <sky-element attributes="icon:string">
11 <template> 11 <template>
12 <style> 12 <style>
13 :host { 13 :host {
14 display: flex; 14 display: flex;
15 flex-direction: row;
15 align-items: center; 16 align-items: center;
16 height: 48px; 17 height: 48px;
17 -webkit-user-select: none; 18 -webkit-user-select: none;
18 } 19 }
19 #background { 20 #background {
20 display: flex; 21 display: flex;
22 flex-direction: row;
21 align-items: center; 23 align-items: center;
22 height: 100%; 24 height: 100%;
23 flex: 1; 25 flex: 1;
24 } 26 }
25 #background[highlight] { 27 #background[highlight] {
26 background: rgba(153, 153, 153, 0.4); 28 background: rgba(153, 153, 153, 0.4);
27 } 29 }
28 sky-icon { 30 sky-icon {
29 padding: 0px 16px; 31 padding: 0px 16px;
30 } 32 }
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after
71 } 73 }
72 74
73 void _handlePointerUp(Event event) { 75 void _handlePointerUp(Event event) {
74 shadowRoot.getElementById('background').removeAttribute('highlight'); 76 shadowRoot.getElementById('background').removeAttribute('highlight');
75 } 77 }
76 } 78 }
77 79
78 _init(script) => register(script, SkyMenuItem); 80 _init(script) => register(script, SkyMenuItem);
79 </script> 81 </script>
80 </sky-element> 82 </sky-element>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698