diff options
| author | Kai Faust <kai@fullstacklabs.co> | 2016-11-09 06:40:24 -0800 |
|---|---|---|
| committer | Harrison Healey <harrisonmhealey@gmail.com> | 2016-11-09 09:40:24 -0500 |
| commit | 4b3eceee7015af12750e6f73f11bb0969c8d5c41 (patch) | |
| tree | 54da8745aa75783dff73cfb91b60c58e0d75a334 /webapp/components | |
| parent | 13dcccc60bba90f0883aae63e72aac896a6f553c (diff) | |
| download | chat-4b3eceee7015af12750e6f73f11bb0969c8d5c41.tar.gz chat-4b3eceee7015af12750e6f73f11bb0969c8d5c41.tar.bz2 chat-4b3eceee7015af12750e6f73f11bb0969c8d5c41.zip | |
PLT-4602 Fix misaligned close button and fix Android icon rendering bug (#4492)
* PLT-4602 Fix horizontal alignment for .close__button
Reduce negative left margin to fix miscalculated center-positioning.
* PLT-4602 Fix dropdown close icon rendering bug on Android
The combination of using a unicode character and a pseudo element was
too problematic, so I added a new custom icon svg CLOSE_ICON that
renders consistently on all browsers.
* PLT-4602 Use font-family fix, remove <svg>
You were correct @hmhealey, the problem was that the unicode characters
were rendering as different fonts: Open Sans and Helvetica Neue!
Diffstat (limited to 'webapp/components')
| -rw-r--r-- | webapp/components/navbar.jsx | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/webapp/components/navbar.jsx b/webapp/components/navbar.jsx index 9721ddee1..d71fec945 100644 --- a/webapp/components/navbar.jsx +++ b/webapp/components/navbar.jsx @@ -546,6 +546,12 @@ export default class Navbar extends React.Component { {deleteChannelOption} {leaveChannelOption} {toggleFavoriteOption} + <div + className='close visible-xs-block' + onClick={() => this.refs.headerOverlay.hide()} + > + {'×'} + </div> </ul> </div> </div> @@ -671,7 +677,7 @@ export default class Navbar extends React.Component { options={{singleline: true, mentionHighlight: false}} /> <div - className='close__icon visible-xs-block' + className='close visible-xs-block' onClick={() => this.refs.headerOverlay.hide()} > {'×'} @@ -721,7 +727,7 @@ export default class Navbar extends React.Component { /> </div> <div - className='close__icon visible-xs-block' + className='close visible-xs-block' onClick={() => this.refs.headerOverlay.hide()} > {'×'} |