mirror of
https://github.com/element-hq/element-web.git
synced 2024-12-05 05:38:41 +03:00
Select apropriate theme colour for popover.
This commit is contained in:
parent
5a9a4ead96
commit
82b9897986
1 changed files with 7 additions and 2 deletions
|
@ -350,6 +350,11 @@ export default class MessageComposer extends React.Component {
|
||||||
</div>;
|
</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
|
const stickers = <Popover
|
||||||
isOpen={this.state.showStickers}
|
isOpen={this.state.showStickers}
|
||||||
position={'top'}
|
position={'top'}
|
||||||
|
@ -360,13 +365,13 @@ export default class MessageComposer extends React.Component {
|
||||||
position={position}
|
position={position}
|
||||||
targetRect={targetRect}
|
targetRect={targetRect}
|
||||||
popoverRect={popoverRect}
|
popoverRect={popoverRect}
|
||||||
arrowColor={'#76CFA6'}
|
arrowColor={highlightColor}
|
||||||
arrowSize={20}
|
arrowSize={20}
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className='mx_PopoverOuterContainer'
|
className='mx_PopoverOuterContainer'
|
||||||
style={{
|
style={{
|
||||||
border: '1px solid #76CFA6',
|
border: `1px solid ${highlightColor}`,
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{ this.state.stickersContent }
|
{ this.state.stickersContent }
|
||||||
|
|
Loading…
Reference in a new issue