mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-07-31 13:40:20 +02:00
Code Issues Releases Wiki Activity

Fix missing vendor prefix on post scrubber; move styles to Less

Browse Source
This commit is contained in:
David Wheatley
2021-04-05 23:19:52 +01:00
parent 9392343aa4
commit 316c9dac34
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
framework/core/js/src/forum/components/PostStreamScrubber.js
View File

@@ -112,7 +112,6 @@ export default class PostStreamScrubber extends Component {
// Now we want to make the scrollbar handle draggable. Let's start by // Now we want to make the scrollbar handle draggable. Let's start by
// preventing default browser events from messing things up. // preventing default browser events from messing things up.
.css({ cursor: 'pointer', 'user-select': 'none' })
.bind('dragstart mousedown touchstart', (e) => e.preventDefault()); .bind('dragstart mousedown touchstart', (e) => e.preventDefault());
// When the mouse is pressed on the scrollbar handle, we capture some // When the mouse is pressed on the scrollbar handle, we capture some
@@ -124,7 +123,6 @@ export default class PostStreamScrubber extends Component {
this.indexStart = 0; this.indexStart = 0;
this.$('.Scrubber-handle') this.$('.Scrubber-handle')
.css('cursor', 'move')
.bind('mousedown touchstart', this.onmousedown.bind(this)) .bind('mousedown touchstart', this.onmousedown.bind(this))
// Exempt the scrollbar handle from the 'jump to' click event. // Exempt the scrollbar handle from the 'jump to' click event.

3
framework/core/less/forum/Scrubber.less
View File

@@ -18,6 +18,8 @@
height: 300px; height: 300px;
min-height: 50px; // JavaScript sets a max-height min-height: 50px; // JavaScript sets a max-height
position: relative; position: relative;
cursor: pointer;
.user-select(none);
} }
.Scrubber-before, .Scrubber-after { .Scrubber-before, .Scrubber-after {
border-left: 1px solid @control-bg; border-left: 1px solid @control-bg;
@@ -42,6 +44,7 @@
background: transparent; background: transparent;
width: 100%; width: 100%;
padding: 5px 0; padding: 5px 0;
cursor: move;
} }
.Scrubber-bar { .Scrubber-bar {
height: 100%; height: 100%;