Don't wreck strand-drawer by changing the 'upload' icon

MediaMath · May 16, 2016 · 3c69794 · 3c69794
1 parent 409bda6
commit 3c69794
Show file tree

Hide file tree

Showing 7 changed files with 115 additions and 98 deletions.
diff --git a/src/shared/fonts/icon/icomoon.woff b/src/shared/fonts/icon/icomoon.woff
diff --git a/src/shared/svg/arrow-up.svg b/src/shared/svg/arrow-up.svg
diff --git a/src/strand-drawer/strand-drawer.html b/src/strand-drawer/strand-drawer.html
@@ -20,7 +20,7 @@
 		</div>
 		<template is="dom-if" if="{{_showLabel}}">
 			<div id="toggle" on-tap="toggle" class$="{{ _computeClass(expanded) }}">
-				<strand-icon type="upload" width="11" height="11" primary-color="#525252"></strand-icon>
+				<strand-icon type="arrow-up" class="drawer-arrow-up" width="11" height="11"></strand-icon>
 				<span>{{_computeLabel(label,openedLabel,closedLabel,expanded)}}</span>
 			</div>
 		</template>

diff --git a/src/strand-drawer/strand-drawer.scss b/src/strand-drawer/strand-drawer.scss
@@ -53,14 +53,14 @@
 	cursor: pointer;
 	white-space: nowrap;
 
-	strand-icon {
-		color: #525252;
+	.drawer-arrow-up {
+		color: $color-A4;
 		vertical-align: inherit;
 		transform: scaleY(-1);
 	}
 
 	&.expanded {
-		strand-icon {
+		.drawer-arrow-up {
 			transform: scaleY(1);
 		}
 	}

diff --git a/src/strand-icon/example.html b/src/strand-icon/example.html
@@ -19,6 +19,10 @@
 		<strand-icon type="apps" width="32" height="32"></strand-icon>
 		<p>apps</p>
 	</li>
+	<li>
+		<strand-icon type="arrow-up" width="32" height="32" unresolved></strand-icon>
+		<p>arrow-up</p>
+	</li>
 	<li>
 		<strand-icon type="audience" width="32" height="32"></strand-icon>
 		<p>audience</p>

diff --git a/src/strand-icon/index.html b/src/strand-icon/index.html
@@ -70,12 +70,16 @@
 		</li>
 		<li>
 			<strand-icon type="all-channels" width="32" height="32" unresolved></strand-icon>
-			<p>all channels</p>
+			<p>all-channels</p>
 		</li>
 		<li>
 			<strand-icon type="apps" width="32" height="32" unresolved></strand-icon>
 			<p>apps</p>
 		</li>
+		<li>
+			<strand-icon type="arrow-up" width="32" height="32" unresolved></strand-icon>
+			<p>arrow-up</p>
+		</li>
 		<li>
 			<strand-icon type="audience" width="32" height="32" unresolved></strand-icon>
 			<p>audience</p>