Matrix/element-web-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2024-11-18 14:44:58 +08:00
Code Issues Packages Projects Releases 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 }