diff --git a/README.md b/README.md index 9868d94..b853d17 100644 --- a/README.md +++ b/README.md @@ -73,7 +73,8 @@ categories: { symbols: 'Symbols', flags: 'Flags', custom: 'Custom', -} +}, +categorieslabel: 'Emoji categories', // Accessible title for the list of categories ``` #### Sheet sizes diff --git a/css/emoji-mart.css b/css/emoji-mart.css index 7c560ec..15bb71b 100644 --- a/css/emoji-mart.css +++ b/css/emoji-mart.css @@ -49,6 +49,10 @@ padding: 12px 4px; overflow: hidden; transition: color .1s ease-out; + margin: 0; + box-shadow: none; + background: none; + border: none; } .emoji-mart-anchor:hover, .emoji-mart-anchor-selected { @@ -74,7 +78,7 @@ .emoji-mart-anchors svg, .emoji-mart-anchors img { - fill: currentColor; + fill: #858585; height: 18px; width: 18px; } diff --git a/src/components/anchors.js b/src/components/anchors.js index b468ce3..3f61369 100644 --- a/src/components/anchors.js +++ b/src/components/anchors.js @@ -28,7 +28,7 @@ export default class Anchors extends React.PureComponent { { selected } = this.state return ( -
+
+ ) } } diff --git a/src/components/picker/nimble-picker.js b/src/components/picker/nimble-picker.js index bcbf100..9edfb3e 100644 --- a/src/components/picker/nimble-picker.js +++ b/src/components/picker/nimble-picker.js @@ -34,6 +34,7 @@ const I18N = { flags: 'Flags', custom: 'Custom', }, + categorieslabel: 'Emoji categories', // Accessible title for the list of categories } export default class NimblePicker extends React.PureComponent {