Skip to content

Commit 400070c

Browse files
committed
turned Hourglass GIF to base64
1 parent daaa922 commit 400070c

File tree

5 files changed

+16
-12
lines changed

5 files changed

+16
-12
lines changed

src/components/Hourglass/Hourglass.js

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,20 @@
11
import React from "react";
22
import propTypes from "prop-types";
3-
import hourglass from "./hourglass.gif";
43

54
import styled from "styled-components";
65

6+
import base64hourglass from "./base64hourglass";
7+
78
const StyledContainer = styled.span`
89
display: inline-block;
910
`;
10-
const StyledImg = styled.img`
11-
object-fit: cover;
11+
12+
const StyledHourglass = styled.span`
13+
display: block;
14+
background: ${base64hourglass};
15+
background-size: cover;
16+
width: 100%;
1217
height: 100%;
13-
width: auto;
1418
`;
1519
const Hourglass = ({ size, className, style, ...otherProps }) => {
1620
return (
@@ -23,7 +27,7 @@ const Hourglass = ({ size, className, style, ...otherProps }) => {
2327
}}
2428
{...otherProps}
2529
>
26-
<StyledImg src={hourglass} alt="hourglass" />
30+
<StyledHourglass />
2731
</StyledContainer>
2832
);
2933
};

src/components/Hourglass/base64hourglass.js

Lines changed: 2 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
-40 KB
Binary file not shown.

src/components/Select/Select.stories.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ storiesOf("Select", module)
4444
}}
4545
>
4646
<p style={{ lineHeight: 1.3 }}>
47-
When you want to use Buttons on a light background (like scrollable
47+
When you want to use Select on a light background (like scrollable
4848
content), just use the flat variant:
4949
</p>
5050
<div

src/components/index.js

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -10,11 +10,9 @@ import Checkbox from "./Checkbox/Checkbox";
1010
import Cutout from "./Cutout/Cutout";
1111
import DatePicker from "./DatePicker/DatePicker";
1212
import Divider from "./Divider/Divider";
13-
// import Fab from "./Fab/Fab";
1413
import Fieldset from "./Fieldset/Fieldset";
15-
// File Icon
16-
// import Hourglass from "./Hourglass/Hourglass";
17-
// Icon
14+
// import FileIcon from "./FileIcon/FileIcon";
15+
import Hourglass from "./Hourglass/Hourglass";
1816
import List from "./List/List";
1917
import ListItem from "./ListItem/ListItem";
2018
import NumberField from "./NumberField/NumberField";
@@ -50,9 +48,9 @@ export {
5048
Cutout,
5149
DatePicker,
5250
Divider,
53-
// Fab,
5451
Fieldset,
55-
// Hourglass,
52+
// FileIcon,
53+
Hourglass,
5654
List,
5755
ListItem,
5856
NumberField,

0 commit comments

Comments
 (0)