GitHub/outline
1
0
Fork 0
mirror of https://github.com/outline/outline.git synced 2026-08-03 13:27:25 +03:00
Code Issues Packages Projects Releases Wiki Activity

Hide comment gutter icons on mobile (#13174)

Browse Source
This commit is contained in:
Tom Moor
2026-07-27 21:15:57 -04:00
committed by GitHub
parent b0ed00fef4
commit 023bda8c1b
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/editor/extensions/CommentGutter.tsx
+5 -2
View File
@@ -7,12 +7,14 @@ import { changedDescendants } from "@shared/editor/lib/changedDescendants";
import { mapDecorations } from "@shared/editor/lib/multiplayer";
import { UserPreferenceDefaults } from "@shared/constants";
import { UserPreference } from "@shared/types";
import { isMobile } from "@shared/utils/browser";
import { CommentGutter as CommentGutterComponent } from "../components/CommentGutter";
/**
* Adds an indicator in the gutter beside any line that contains an unresolved
* comment mark, when the user has enabled the preference. Each indicator shows
* the number of comments in the thread and opens the thread when clicked.
* There is no room for the gutter at mobile widths, so it is disabled there.
*/
export default class CommentGutter extends Extension {
get name() {
@@ -25,8 +27,9 @@ export default class CommentGutter extends Extension {
get plugins() {
const isEnabled = () =>
this.editor.props.userPreferences?.[UserPreference.CommentsInGutter] ??
UserPreferenceDefaults[UserPreference.CommentsInGutter];
!isMobile() &&
(this.editor.props.userPreferences?.[UserPreference.CommentsInGutter] ??
UserPreferenceDefaults[UserPreference.CommentsInGutter]);
const handleClickCommentMark = (commentId: string) =>
this.editor.props.onClickCommentMark?.(commentId);