Replaced "colon" icon with more standard 3-dot "more"
Brian Vaughn committed
Apr 7, 2019 at 09:46 UTC
9255ad1025d219842e1b9ac2a1a2734533b357ce
2 files changed
+3
-12
src/devtools/views/ButtonIcon.js
+2
-11
@@ -7,7 +7,6 @@ export type IconType =
7
| 'back'
8
| 'cancel'
9
| 'close'
10
- | 'colon'
10
| 'copy'
11
| 'down'
12
| 'export'
@@ -40,9 +39,6 @@ export default function ButtonIcon({ type }: Props) {
39
case 'close':
40
pathData = PATH_CLOSE;
41
break;
43
- case 'colon':
44
- pathData = PATH_COLON;
45
- break;
42
case 'copy':
43
pathData = PATH_COPY;
44
break;
@@ -121,9 +117,6 @@ const PATH_CANCEL = `
117
const PATH_CLOSE =
118
'M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z';
119
124
-const PATH_COLON =
125
- 'M10,9a2,2 0 1,0 4,0a2,2 0 1,0 -4,0 M10,19a2,2 0 1,0 4,0a2,2 0 1,0 -4,0';
126
-
120
const PATH_COPY = `
121
M3 13h2v-2H3v2zm0 4h2v-2H3v2zm2 4v-2H3a2 2 0 0 0 2 2zM3 9h2V7H3v2zm12 12h2v-2h-2v2zm4-18H9a2 2 0 0 0-2
122
2v10a2 2 0 0 0 2 2h10c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 12H9V5h10v10zm-8 6h2v-2h-2v2zm-4 0h2v-2H7v2z
@@ -138,10 +131,8 @@ const PATH_FILTER = 'M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z';
131
const PATH_IMPORT = 'M8.18,18.13v-7H3l9-8.95,9,9H15.82v7ZM3,20.13H21v1.73H3Z';
132
133
const PATH_MORE = `
141
- M22 3H7c-.69 0-1.23.35-1.59.88L0 12l5.41 8.11c.36.53.97.89 1.66.89H22c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9
142
- 13.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm5 0c-.83
143
- 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm5 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5
144
- 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z
134
+ M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9
135
+ 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z
136
`;
137
138
const PATH_NEXT = 'M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z';
src/devtools/views/Components/OwnersStack.js
+1
-1
@@ -45,7 +45,7 @@ function ElementsDropdown({
45
onClick={handleClick}
46
title="Open elements dropdown"
47
>
48
- <ButtonIcon type="colon" />
48
+ <ButtonIcon type="more" />
49
</Button>
50
{isDropdownVisible && <div className={styles.Dropdown}>{children}</div>}
51
</div>