From 1be7435da569ffa85d45f82567db535e9c3341d9 Mon Sep 17 00:00:00 2001 From: Kata Date: Sun, 18 Feb 2018 17:38:16 -0600 Subject: [PATCH 1/2] logotype: render font as path instead of text --- UI/.eslintrc.js | 8 ++++++-- UI/src/components/logotype/index.js | 18 ++++++++---------- 2 files changed, 14 insertions(+), 12 deletions(-) diff --git a/UI/.eslintrc.js b/UI/.eslintrc.js index c5dd7e9..a367014 100644 --- a/UI/.eslintrc.js +++ b/UI/.eslintrc.js @@ -1,4 +1,8 @@ module.exports = { - "extends": "standard", - "plugins": [ "react", "node", "promise", "import" ] + "extends": ["standard", "plugin:react/recommended"], + "plugins": [ "react", "node", "promise", "import" ], + "parser": "babel-eslint", + "parserOptions": { + "jsx": true + } }; \ No newline at end of file diff --git a/UI/src/components/logotype/index.js b/UI/src/components/logotype/index.js index c22d720..9cecf84 100644 --- a/UI/src/components/logotype/index.js +++ b/UI/src/components/logotype/index.js @@ -2,17 +2,15 @@ import React from 'react' const Logotype = ({fill = 'var(--c-7)', width, height, circleFill, typeFill, style, className}) => ( - - - Roleypoly - - - - - - + + + + + + + - + ) From 14b74bb9592b77a2701d25644cf4829ec27bf138 Mon Sep 17 00:00:00 2001 From: Kata Date: Sun, 18 Feb 2018 18:04:41 -0600 Subject: [PATCH 2/2] role: fix firefox not clipping border overflows via a firefox-only bug --- UI/src/components/role/Role.sass | 1 + 1 file changed, 1 insertion(+) diff --git a/UI/src/components/role/Role.sass b/UI/src/components/role/Role.sass index 2efb12e..7b412e9 100644 --- a/UI/src/components/role/Role.sass +++ b/UI/src/components/role/Role.sass @@ -55,6 +55,7 @@ height: 22px margin-right: 6px width: 22px + clip-path: border-box circle(50% at 50% 50%) // fix for firefox and other odd things. box-sizing: border-box /* display: inline-block */ background-color: transparent