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

fix: padding on files view on mobile (#1934)

Browse Source
This commit is contained in:
Aman Harwara
2022-11-04 01:34:47 +05:30
committed by GitHub
parent 5075b0c85a
commit 633d6189fb
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/web/src/javascripts/Components/ResponsivePane/ResponsivePaneProvider.tsx
View File

@@ -72,11 +72,11 @@ const ResponsivePaneProvider = ({ paneController, children }: ProviderProps) =>
useEffect(() => { useEffect(() => {
if (previousSelectedPane) { if (previousSelectedPane) {
const previousPaneElement = document.getElementById(ElementIds[previousSelectedPane]) const previousPaneElement = document.getElementById(ElementIds[previousSelectedPane])
previousPaneElement?.classList.remove('selected') previousPaneElement?.removeAttribute('data-selected-pane')
} }
const currentPaneElement = document.getElementById(ElementIds[currentSelectedPane]) const currentPaneElement = document.getElementById(ElementIds[currentSelectedPane])
currentPaneElement?.classList.add('selected') currentPaneElement?.setAttribute('data-selected-pane', '')
}, [currentSelectedPane, previousSelectedPane]) }, [currentSelectedPane, previousSelectedPane])
const addAndroidBackHandler = useAndroidBackHandler() const addAndroidBackHandler = useAndroidBackHandler()

4
packages/web/src/stylesheets/_columns.scss
View File

@@ -17,7 +17,7 @@
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
&.selected { &[data-selected-pane] {
flex-grow: 1; flex-grow: 1;
.content { .content {
@@ -30,7 +30,7 @@
left: 0 !important; left: 0 !important;
} }
&:not(.selected) { &:not([data-selected-pane]) {
min-height: 0; min-height: 0;
height: auto; height: auto;
padding: 0; padding: 0;