Fix for broken pin icon of popovers in dark mode (#802)

* Fix: Pin icon white  stroke showing in dark theme

* Secondary outline color added for pin button.
This commit is contained in:
Akhil G Krishnan 2021-09-21 17:30:14 +05:30 committed by GitHub
parent 4dc356cb36
commit eb73c9cd5b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -7,7 +7,7 @@ export const SidebarPinnedButton = ({ state, component, updateState }) => {
const tooltipMsg = state ? `Unpin ${component}` : `Pin ${component}`
return (
<SidebarPinnedButton.OverlayContainer tip={tooltipMsg}>
<div className={`btn btn-sm m-1 ${state ? 'btn-light' : 'btn-default'} ${(component === 'Inspector') && "position-absolute end-0" }`} onClick={updateState} >
<div className={`btn btn-sm m-1 ${state ? 'btn-light' : 'btn-outline-secondary'} ${(component === 'Inspector') && "position-absolute end-0" }`} onClick={updateState} >
<img className="svg-icon" src={`/assets/images/icons/editor/left-sidebar/pinned.svg`} width="16" height="16" />
</div>
</SidebarPinnedButton.OverlayContainer>