demo shows how to size the icon inside a menu button

googlearchive · Jul 15, 2014 · 984a913 · 984a913
1 parent 6cac635
commit 984a913
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/demo.html b/demo.html
@@ -22,6 +22,17 @@
       background-color: #cfa0e9;
       overflow: hidden;
     }
+
+		.small::shadow core-icon-button {
+			padding: 12px;
+		}
+
+		.small::shadow core-icon-button::shadow core-icon {
+			display: block;
+			height: 14px;
+			width: 14px;
+		}
+
   </style>
 </head>
 <body class="core-body-text" unresolved>
@@ -47,6 +58,14 @@
 
 		</core-menu-button>
 
+		<core-menu-button icon="menu" class="small">
+
+			<core-item icon="settings" label="Settings"></core-item>
+			<core-item icon="add" label="Add"></core-item>
+			<core-item icon="search" label="Search"></core-item>
+
+		</core-menu-button>
+
 		<div core-flex>Toolbar</div>
 
 		<core-menu-button icon="add" halign="right">