Commit 5f62080a authored by chris's avatar chris

upload icon

parent 40740dd7
......@@ -65,10 +65,14 @@ export class UploadButton extends React.Component {
<span>
<label
htmlFor='file-uploader'
className={styles.uploadLabel}
className={styles.uploadIcon}
>
Upload Word
</label>
<label
htmlFor='file-uploader'
className={styles.uploadText}
> Upload Word
</label>
<input
accept={accept}
onChange={this.handleFileUpload}
......
......@@ -327,10 +327,10 @@ $blue: #0d78f2;
position: absolute;
right: 0;
.actionContainer {
border-right: 1px solid $black;
float: left;
padding-right: 10px;
margin-right: 10px;
border-right: 1px solid $black;
padding-right: 10px;
}
a {
color: $blue;
......@@ -373,13 +373,24 @@ $blue: #0d78f2;
.btnFile input[type=file] {
display: none !important;
}
.uploadLabel {
.uploadText {
bottom: 10px;
cursor: pointer;
left: 10px;
position: relative;
}
.uploadIcon {
-webkit-mask: url('./images/upload_word.svg') no-repeat 100% 100%;
mask: url('./images/upload_word.svg') no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: $light-grey;
color: $white;
color: $black;
cursor: pointer;
font-weight: 500;
text-align: center;
width: 75%;
width: 24px;
height: 24px;
}
.secondActions {
......
<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"/>
</svg>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment