mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web.git synced 2024-12-05 00:39:07 +03:00
Code Issues Projects Releases Packages Wiki Activity

Select apropriate theme colour for popover.

Browse source
This commit is contained in:
Richard Lewis 2018-01-15 18:27:14 +00:00
parent 5a9a4ead96
commit 82b9897986
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/views/rooms/MessageComposer.js
View file

@ -350,6 +350,11 @@ export default class MessageComposer extends React.Component {
</div>;
}
// Fall back to default highlight color if we can't compute one from the DOM
const highlightColor = document.getElementById('mx_theme_accentColor') ?
window.getComputedStyle(document.getElementById('mx_theme_accentColor')).color :
'#76CFA6';
const stickers = <Popover
isOpen={this.state.showStickers}
position={'top'}
@ -360,13 +365,13 @@ export default class MessageComposer extends React.Component {
position={position}
targetRect={targetRect}
popoverRect={popoverRect}
arrowColor={'#76CFA6'}
arrowColor={highlightColor}
arrowSize={20}
>
<div
className='mx_PopoverOuterContainer'
style={{
border: '1px solid #76CFA6',
border: `1px solid ${highlightColor}`,
}}
>
{ this.state.stickersContent }