rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: header button border (#887)

Browse Source
This commit is contained in:
Aman Harwara
2022-02-18 20:48:04 +05:30
committed by GitHub
parent 1e80a40a6c
commit 96bfd6efc2
4 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/components/ChangeEditorButton.tsx
View File

@@ -101,7 +101,7 @@ export const ChangeEditorButton: FunctionComponent<Props> = observer(
}} }}
onBlur={closeOnBlur} onBlur={closeOnBlur}
ref={buttonRef} ref={buttonRef}
className="sn-icon-button" className="sn-icon-button border-contrast"
> >
<VisuallyHidden>Change editor</VisuallyHidden> <VisuallyHidden>Change editor</VisuallyHidden>
<Icon type="dashboard" className="block" /> <Icon type="dashboard" className="block" />

2
app/assets/javascripts/components/NotesOptionsPanel.tsx
View File

@@ -69,7 +69,7 @@ export const NotesOptionsPanel = observer(
}} }}
onBlur={closeOnBlur} onBlur={closeOnBlur}
ref={buttonRef} ref={buttonRef}
className="sn-icon-button" className="sn-icon-button border-contrast"
> >
<VisuallyHidden>Actions</VisuallyHidden> <VisuallyHidden>Actions</VisuallyHidden>
<Icon type="more" className="block" /> <Icon type="more" className="block" />

4
app/assets/javascripts/components/PinNoteButton.tsx
View File

@@ -28,7 +28,9 @@ export const PinNoteButton: FunctionComponent<Props> = observer(
return ( return (
<button <button
className={`sn-icon-button ${pinned ? 'toggled' : ''} ${className}`} className={`sn-icon-button border-contrast ${
pinned ? 'toggled' : ''
} ${className}`}
onClick={togglePinned} onClick={togglePinned}
> >
<VisuallyHidden>Pin selected notes</VisuallyHidden> <VisuallyHidden>Pin selected notes</VisuallyHidden>

4
app/assets/stylesheets/_sn.scss
View File

@@ -950,3 +950,7 @@
.text-editor { .text-editor {
font-size: var(--sn-stylekit-font-size-editor); font-size: var(--sn-stylekit-font-size-editor);
} }
.sn-component .border-contrast {
border-color: var(--sn-stylekit-contrast-border-color);
}