dropdown icon

This commit is contained in:
Alex Wolfe 2015-03-01 15:43:22 -08:00
parent bf1a05881d
commit b4d3a06c07
7 changed files with 62 additions and 6 deletions

View File

@ -11,4 +11,4 @@ if language == 'dart'
title = dartLatest
h2.hero-subtitle.text-subhead
button(md-button ng-click="showVersionMenu($event)") #{title}
button(md-button ng-click="showVersionMenu($event)") #{title} <span class="icon-arrow-drop-down"></span>

View File

@ -48,6 +48,8 @@
<glyph unicode="&#xe626;" d="M512 853.334c-235.733 0-426.667-190.933-426.667-426.667s190.933-426.667 426.667-426.667 426.667 190.933 426.667 426.667-190.933 426.667-426.667 426.667zM469.333 88.32c-168.32 20.907-298.667 164.267-298.667 338.347 0 26.24 3.2 51.84 8.96 76.373l204.373-204.373v-42.667c0-47.147 38.187-85.333 85.333-85.333v-82.347zM763.52 196.48c-10.88 34.56-42.88 59.52-80.853 59.52h-42.667v128c0 23.467-19.2 42.667-42.667 42.667h-256v85.333h85.333c23.467 0 42.667 19.2 42.667 42.667v85.333h85.333c47.147 0 85.333 38.187 85.333 85.333v17.707c125.013-50.56 213.333-173.013 213.333-316.373 0-88.747-34.133-169.387-89.813-230.187z" />
<glyph unicode="&#xe627;" d="M640 42.667h85.333v85.333h-85.333v-85.333zM810.667 554.667h85.333v85.333h-85.333v-85.333zM128 725.334v-597.333c0-47.147 38.187-85.333 85.333-85.333h170.667v85.333h-170.667v597.333h170.667v85.333h-170.667c-47.147 0-85.333-38.187-85.333-85.333zM810.667 810.667v-85.333h85.333c0 47.147-38.187 85.333-85.333 85.333zM469.333-42.666h85.333v938.667h-85.333v-938.667zM810.667 213.334h85.333v85.333h-85.333v-85.333zM640 725.334h85.333v85.333h-85.333v-85.333zM810.667 384h85.333v85.333h-85.333v-85.333zM810.667 42.667c47.147 0 85.333 38.187 85.333 85.333h-85.333v-85.333z" />
<glyph unicode="&#xe628;" d="M426.667 85.334h170.667v682.667h-170.667v-682.667zM170.667 85.334h170.667v341.333h-170.667v-341.333zM682.667 554.667v-469.333h170.667v469.333h-170.667z" />
<glyph unicode="&#xe629;" d="M298.667 512l213.333-213.333 213.333 213.333z" />
<glyph unicode="&#xe62a;" d="M298.667 341.334l213.333 213.333 213.333-213.333z" />
<glyph unicode="&#xea80;" d="M832 224l96-96 320 320-320 320-96-96 224-224zM448 672l-96 96-320-320 320-320 96 96-224 224zM701.298 809.481l69.468-18.944-191.987-704.026-69.468 18.944 191.987 704.026z" horiz-adv-x="1280" />
<glyph unicode="&#xea81;" d="M0 896v-896h1024v896h-1024zM960 64h-896v768h896v-768zM896 768h-768v-640h768v640zM448 448h-64v-64h-64v-64h-64v64h64v64h64v64h-64v64h-64v64h64v-64h64v-64h64v-64zM704 320h-192v64h192v-64z" />
<glyph unicode="&#xea89;" d="M0.806 90.336c-0.244 2.532-0.452 5.070-0.584 7.63 0.13-2.56 0.34-5.098 0.584-7.63zM235.908 394.852c92.010-2.738 153.734 92.698 137.862 213.198-15.894 120.48-103.396 217.168-195.408 219.922-92.026 2.73-153.74-89.482-137.852-210 15.882-120.468 103.352-220.374 195.398-223.12zM1024 704v85.31c0 93.88-76.782 170.69-170.658 170.69h-682.656c-92.276 0-168.012-74.232-170.564-165.926 58.362 51.386 139.324 94.316 222.874 94.316 89.304 0 357.244 0 357.244 0l-79.948-67.618h-113.268c75.13-28.804 115.156-116.124 115.156-205.722 0-75.248-41.81-139.954-100.888-185.968-57.644-44.902-68.572-63.708-68.572-101.878 0-32.578 61.746-88 94.032-110.788 94.382-66.538 124.916-128.312 124.916-231.456 0-16.428-2.042-32.83-6.066-48.96h307.742c93.874 0 170.656 76.75 170.656 170.69v533.308h-192v-191.998h-64v192h-191.998v64h191.998v192h64v-192h192zM185.886 194.064c21.614 0 41.422 0.59 61.936 0.59-27.146 26.334-48.626 58.6-48.626 98.38 0 23.608 7.564 46.336 18.134 66.52-10.782-0.77-21.79-0.994-33.126-0.994-74.356 0-137.506 24.076-184.204 63.854v-67.242l0.006-201.73c53.44 25.374 116.888 40.622 185.88 40.622zM3.42 72.742c-1.112 5.458-1.966 11.006-2.542 16.634 0.574-5.628 1.43-11.176 2.542-16.634zM455.45 7.154c-15.058 58.806-68.454 87.964-142.888 139.568-27.072 8.732-56.894 13.874-88.894 14.208-89.618 0.964-173.108-34.942-220.216-88.372 15.92-77.706 85.034-136.558 167.234-136.558h286.444c1.816 11.128 2.696 22.632 2.696 34.432 0 12.534-1.534 24.792-4.376 36.722z" />

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 19 KiB

View File

@ -1063,6 +1063,52 @@
"setIdx": 1,
"iconIdx": 600
},
{
"icon": {
"paths": [
"M298.667 426.667l213.333 213.333 213.333-213.333z"
],
"attrs": [],
"isMulticolor": false,
"tags": [
"arrow-drop-down"
],
"grid": 24
},
"attrs": [],
"properties": {
"id": 673,
"order": 53,
"prevSize": 24,
"code": 58921,
"name": "arrow-drop-down"
},
"setIdx": 1,
"iconIdx": 673
},
{
"icon": {
"paths": [
"M298.667 597.333l213.333-213.333 213.333 213.333z"
],
"attrs": [],
"isMulticolor": false,
"tags": [
"arrow-drop-up"
],
"grid": 24
},
"attrs": [],
"properties": {
"id": 675,
"order": 54,
"prevSize": 24,
"code": 58922,
"name": "arrow-drop-up"
},
"setIdx": 1,
"iconIdx": 675
},
{
"icon": {
"paths": [

View File

@ -1,10 +1,10 @@
@font-face {
font-family: 'icomoon';
src:url('fonts/icomoon.eot?1jdkpb');
src:url('fonts/icomoon.eot?#iefix1jdkpb') format('embedded-opentype'),
url('fonts/icomoon.woff?1jdkpb') format('woff'),
url('fonts/icomoon.ttf?1jdkpb') format('truetype'),
url('fonts/icomoon.svg?1jdkpb#icomoon') format('svg');
src:url('fonts/icomoon.eot?ay41rv');
src:url('fonts/icomoon.eot?#iefixay41rv') format('embedded-opentype'),
url('fonts/icomoon.woff?ay41rv') format('woff'),
url('fonts/icomoon.ttf?ay41rv') format('truetype'),
url('fonts/icomoon.svg?ay41rv#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
@ -203,6 +203,14 @@
content: "\e625";
}
.icon-arrow-drop-down:before {
content: "\e629";
}
.icon-arrow-drop-up:before {
content: "\e62a";
}
.icon-publ:before {
content: "\e626";
}