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

fix: search bar (#1175)

Browse Source 
* fix: search bar distance

* fix: desktop window drag

* fix: remove unnecessary div

* fix: shift layout down on macOS if panels collapsed
This commit is contained in:
Aman Harwara
2022-06-28 22:42:17 +05:30
committed by GitHub
parent 7916ec439f
commit 5e5cf618c5
4 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/desktop/app/stylesheets/renderer.css
View File

@@ -5,7 +5,7 @@
/* To offset frameless window nav buttons on Mac */ /* To offset frameless window nav buttons on Mac */
.mac-desktop #editor-column, .mac-desktop #editor-column,
.mac-desktop #notes-column { .mac-desktop #items-column {
transition: 0.15s padding ease; transition: 0.15s padding ease;
} }
@@ -13,7 +13,7 @@
padding-top: 18px; padding-top: 18px;
} }
.mac-desktop #app.collapsed-navigation #notes-column { .mac-desktop #app.collapsed-navigation #items-column {
padding-top: 18px; padding-top: 18px;
} }

1
packages/web/src/javascripts/Components/Input/DecoratedInput.tsx
View File

@@ -44,7 +44,6 @@ const DecoratedInput = forwardRef(
return ( return (
<div className={`${classNames.container} ${disabled ? classNames.disabled : ''} ${className}`}> <div className={`${classNames.container} ${disabled ? classNames.disabled : ''} ${className}`}>
<div className=""></div>
{left && ( {left && (
<div className="flex items-center px-2 py-1.5"> <div className="flex items-center px-2 py-1.5">
{left.map((leftChild, index) => ( {left.map((leftChild, index) => (

2
packages/web/src/javascripts/Components/PanelResizer/PanelResizer.tsx
View File

@@ -356,7 +356,7 @@ class PanelResizer extends Component<Props, State> {
alwaysVisible={this.props.alwaysVisible} alwaysVisible={this.props.alwaysVisible}
pressed={this.state.pressed} pressed={this.state.pressed}
collapsed={this.state.collapsed} collapsed={this.state.collapsed}
className={this.props.side} className={`panel-resizer ${this.props.side}`}
onMouseDown={this.onMouseDown} onMouseDown={this.onMouseDown}
ref={this.resizerElementRef} ref={this.resizerElementRef}
/> />

2
packages/web/src/javascripts/Components/SearchBar/SearchBar.tsx
View File

@@ -44,7 +44,7 @@ const SearchBar = ({ itemListController, searchOptionsController }: Props) => {
}, [clearFilterText]) }, [clearFilterText])
return ( return (
<div className="px-2.5 pt-2.5 pb-0.5" role="search"> <div className="px-2.5 pt-4 pb-0.5" role="search">
<DecoratedInput <DecoratedInput
autocomplete={false} autocomplete={false}
title="Searches notes and files in the currently selected tag" title="Searches notes and files in the currently selected tag"