styles: revert search options button styling
This commit is contained in:
@@ -8,7 +8,6 @@ import {
|
|||||||
DisclosureButton,
|
DisclosureButton,
|
||||||
DisclosurePanel,
|
DisclosurePanel,
|
||||||
} from '@reach/disclosure';
|
} from '@reach/disclosure';
|
||||||
import { FocusEvent } from 'react';
|
|
||||||
import { Switch } from './Switch';
|
import { Switch } from './Switch';
|
||||||
import TuneIcon from '../../icons/ic-tune.svg';
|
import TuneIcon from '../../icons/ic-tune.svg';
|
||||||
import { observer } from 'mobx-react-lite';
|
import { observer } from 'mobx-react-lite';
|
||||||
@@ -54,7 +53,7 @@ const SearchOptions = observer(({ appState }: Props) => {
|
|||||||
<DisclosureButton
|
<DisclosureButton
|
||||||
ref={buttonRef}
|
ref={buttonRef}
|
||||||
onBlur={closeOnBlur}
|
onBlur={closeOnBlur}
|
||||||
className="sn-icon-button"
|
className="border-0 p-0 bg-transparent cursor-pointer color-neutral hover:color-info"
|
||||||
>
|
>
|
||||||
<VisuallyHidden>Search options</VisuallyHidden>
|
<VisuallyHidden>Search options</VisuallyHidden>
|
||||||
<TuneIcon className="fill-current block" />
|
<TuneIcon className="fill-current block" />
|
||||||
|
|||||||
@@ -83,7 +83,7 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
right: 46px;
|
right: 36px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
transition: background-color 0.15s linear;
|
transition: background-color 0.15s linear;
|
||||||
|
|||||||
Reference in New Issue
Block a user