diff --git a/.all-contributorsrc b/.all-contributorsrc
index 0f5ae1034..f26a3f036 100644
--- a/.all-contributorsrc
+++ b/.all-contributorsrc
@@ -517,6 +517,15 @@
"contributions": [
"tool"
]
+ },
+ {
+ "login": "binkpitch",
+ "name": "Bink",
+ "avatar_url": "https://avatars0.githubusercontent.com/u/20456165?v=4",
+ "profile": "https://binkpitch.me/",
+ "contributions": [
+ "code"
+ ]
}
]
}
diff --git a/CONTRIBUTORS.md b/CONTRIBUTORS.md
index 1a9fcb9bd..e60bcb980 100644
--- a/CONTRIBUTORS.md
+++ b/CONTRIBUTORS.md
@@ -13,4 +13,5 @@ Thank you to all the people who have already contributed to GitPoint!
| [
Vitaliy Kanev](https://github.com/vitalkanev)
[π](https://github.com/gitpoint/git-point/commits?author=vitalkanev "Documentation") | [
Peter Dave Hello](https://www.peterdavehello.org/)
[π](https://github.com/gitpoint/git-point/commits?author=PeterDaveHello "Documentation") [π§](#tool-PeterDaveHello "Tools") | [
Ernoff](https://github.com/Ernoff)
[π»](https://github.com/gitpoint/git-point/commits?author=Ernoff "Code") [π](https://github.com/gitpoint/git-point/issues?q=author%3AErnoff "Bug reports") | [
Matthew Brandly](http://words.brandly.me/about/)
[π»](https://github.com/gitpoint/git-point/commits?author=brandly "Code") | [
JoΓ£o Fonseca](https://github.com/Jpfonseca)
[π](#translation-Jpfonseca "Translation") | [
Arjun Curat](https://github.com/acurat)
[π](https://github.com/gitpoint/git-point/commits?author=acurat "Documentation") |
| [
siderio2](https://github.com/siderio2)
[π](#translation-siderio2 "Translation") | [
Kodo Verkisto](https://github.com/kodisto)
[π](#translation-kodisto "Translation") | [
Sarah Vessels](http://sarahvessels.com/)
[π](https://github.com/gitpoint/git-point/commits?author=cheshire137 "Documentation") | [
Thales Sousa](https://github.com/tminussi)
[π](#translation-tminussi "Translation") | [
Aseem Sood](https://github.com/asood123)
[π](https://github.com/gitpoint/git-point/commits?author=asood123 "Documentation") | [
Eliott hauteclair](https://eliott.be)
[π](#translation-Eliottiosdevs "Translation") |
| [
Peter Blazejewicz](http://www.linkedin.com/in/peterblazejewicz)
[π](#translation-peterblazejewicz "Translation") | [
Eric Adamski](https://github.com/ericadamski)
[π](https://github.com/gitpoint/git-point/issues?q=author%3Aericadamski "Bug reports") | [
Jouderian Nobre Junior](https://github.com/jouderianjr)
[π»](https://github.com/gitpoint/git-point/commits?author=jouderianjr "Code") | [
Phi Dong](http://www.phidong.com)
[π»](https://github.com/gitpoint/git-point/commits?author=pdong "Code") | [
Γscar Carretero](https://github.com/ocarreterom)
[π»](https://github.com/gitpoint/git-point/commits?author=ocarreterom "Code") | [
Dyesse YUMBA](https://github.com/dyesseyumba)
[π§](#tool-dyesseyumba "Tools") |
+| [
Bink](https://binkpitch.me/)
|
diff --git a/src/components/inline-label.component.js b/src/components/inline-label.component.js
index 5af9cc76a..54869f1b6 100644
--- a/src/components/inline-label.component.js
+++ b/src/components/inline-label.component.js
@@ -1,22 +1,26 @@
import React, { Component } from 'react';
-import { StyleSheet, Text } from 'react-native';
+import styled from 'styled-components/native';
import { fonts, normalize } from 'config';
import { getFontColorByBackground } from 'utils';
-const styles = StyleSheet.create({
- inlineLabel: {
- fontSize: normalize(10),
- ...fonts.fontPrimarySemiBold,
- paddingHorizontal: 5,
- margin: 2,
- borderWidth: 1,
- overflow: 'hidden',
- borderRadius: 3,
- minWidth: 50,
- textAlign: 'center',
- },
-});
+const InlineLabelText = styled.Text`
+ font-size: ${normalize(10)};
+ ${{ ...fonts.fontPrimarySemiBold }};
+ padding-horizontal: 5;
+ margin-top: 2;
+ margin-left: 2;
+ margin-right: 2;
+ margin-bottom: 2;
+ border-width: 1;
+ overflow: hidden;
+ border-radius: 3;
+ min-width: 50;
+ text-align: center;
+ ${({ backgroundColor }) => `background-color: #${backgroundColor};`};
+ ${({ color }) => `color: ${getFontColorByBackground(color)};`};
+ ${({ borderColor }) => `border-color: #${borderColor};`};
+`;
export class InlineLabel extends Component {
props: {
@@ -27,18 +31,13 @@ export class InlineLabel extends Component {
const { color, name } = this.props.label;
return (
-
{name}
-
+
);
}
}