Fix styling of diff interaction not working in modal

build.gradle

@@ -23,7 +23,7 @@
  */
 
 plugins {
-  id 'org.scm-manager.smp' version '0.10.4'
+  id 'org.scm-manager.smp' version '0.11.1'
 }
 
 dependencies {
@@ -34,7 +34,7 @@ dependencies {
 }
 
 scmPlugin {
-  scmVersion = "2.32.0"
+  scmVersion = "2.35.0-SNAPSHOT"
   displayName = "Review"
   description = "Depict a review process with pull requests"
   author = "Cloudogu GmbH"

gradle/changelog/modal_diff_comment_icon.yaml

@@ -0,0 +1,2 @@
+- type: fixed
+  description: Styling of diff interaction not working in modal ([#210](https://github.com/scm-manager/scm-review-plugin/pull/210))

src/main/js/diff/Diff.tsx

@@ -46,7 +46,6 @@ import PullRequestComment from "../comment/PullRequestComment";
 import CreateComment from "../comment/CreateComment";
 import CommentSpacingWrapper from "../comment/CommentSpacingWrapper";
 import InlineComments from "./InlineComments";
-import StyledDiffWrapper from "./StyledDiffWrapper";
 import AddCommentButton from "./AddCommentButton";
 import FileComments from "./FileComments";
 import MarkReviewedButton from "./MarkReviewedButton";
@@ -337,7 +336,7 @@ const Diff: FC<Props> = ({
   };
 
   return (
-    <StyledDiffWrapper commentable={isPermittedToComment()}>
+    <>
       {changed ? <ChangeNotificationToast reload={reload} ignore={ignore} /> : null}
       <LoadingDiff
         isCollapsed={isCollapsed}
@@ -347,12 +346,13 @@ const Diff: FC<Props> = ({
         annotationFactory={annotationFactory}
         onClick={onGutterClick}
         refetchOnWindowFocus={false}
-        hunkClass={(hunk: Hunk) => (hunk.expansion ? "expanded" : "commentable")}
+        hunkGutterHoverIcon={isPermittedToComment() ? "\\f075" : ""}
+        highlightLineOnHover={isPermittedToComment()}
         diffUrl={diffUrl}
         actions={actions}
         pullRequestComments={comments?._embedded.pullRequestComments || []}
       />
-    </StyledDiffWrapper>
+    </>
   );
 };