Skip to content

Commit

Permalink
Desktop: Fixes laurent22#1570: Prevent horizontal scrolling on Linux …
Browse files Browse the repository at this point in the history
…when a scrollbar is present in note list (laurent22#2062)

* Prevent horizontal scrolling on Linux when a scrollbar is present in the note list.

* max-width usage specifically to target Linux horizontal scroll problem.
  • Loading branch information
boring10 authored and scoroi committed Nov 10, 2019
1 parent 17aef14 commit 90cd790
Showing 1 changed file with 5 additions and 0 deletions.
5 changes: 5 additions & 0 deletions ElectronClient/app/gui/NoteList.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -30,11 +30,16 @@ class NoteListComponent extends React.Component {

const itemHeight = 34;

// Note: max-width is used to specifically prevent horizontal scrolling on Linux when the scrollbar is present in the note list.
// Pull request: https://github.com/laurent22/joplin/pull/2062
const itemWidth = '100%';

let style = {
root: {
backgroundColor: theme.backgroundColor,
},
listItem: {
maxWidth: itemWidth,
height: itemHeight,
boxSizing: 'border-box',
display: 'flex',
Expand Down

0 comments on commit 90cd790

Please sign in to comment.