style

Author: MrWangJustToDo

packages/react/src/components/DiffSplitExtendLineNormal.tsx

@@ -80,7 +80,7 @@ const InternalDiffSplitExtendLine = ({
           <div
             data-line={`${lineNumber}-extend-content`}
             data-side={SplitSide[side]}
-            className="diff-line-extend-wrapper sticky left-0"
+            className="diff-line-extend-wrapper sticky left-0 z-[1]"
             style={{ width }}
           >
             {width > 0 && currentExtendRendered}

packages/react/src/components/DiffSplitWidgetLineNormal.tsx

@@ -84,7 +84,7 @@ const InternalDiffSplitWidgetLine = ({
           <div
             data-line={`${lineNumber}-widget-content`}
             data-side={SplitSide[side]}
-            className="diff-line-widget-wrapper sticky left-0"
+            className="diff-line-widget-wrapper sticky left-0 z-[1]"
             style={{ width }}
           >
             {width > 0 && currentWidgetRendered}

packages/react/src/components/DiffUnifiedExtendLine.tsx

@@ -37,7 +37,7 @@ const InternalDiffUnifiedExtendLine = ({
   return (
     <tr data-line={`${lineNumber}-extend`} data-state="extend" className="diff-line diff-line-extend">
       <td className="diff-line-extend-content p-0 align-top" colSpan={2}>
-        <div className="diff-line-extend-wrapper sticky left-0" style={{ width }}>
+        <div className="diff-line-extend-wrapper sticky left-0 z-[1]" style={{ width }}>
           {width > 0 &&
             oldLineExtend?.data !== undefined &&
             oldLineExtend?.data !== null &&

packages/react/src/components/DiffUnifiedWidgetLine.tsx

@@ -50,7 +50,7 @@ const InternalDiffUnifiedWidgetLine = ({
   return (
     <tr data-line={`${lineNumber}-widget`} data-state="widget" className="diff-line diff-line-widget">
       <td className="diff-line-widget-content p-0" colSpan={2}>
-        <div className="diff-line-widget-wrapper sticky left-0" style={{ width }}>
+        <div className="diff-line-widget-wrapper sticky left-0 z-[1]" style={{ width }}>
           {width > 0 &&
             oldWidget &&
             renderWidgetLine?.({ diffFile, side: SplitSide.old, lineNumber: unifiedItem.oldLineNumber, onClose })}

packages/react/src/components/v2/DiffSplitExtendLineNormal_v2.tsx

@@ -69,7 +69,7 @@ const InternalDiffSplitExtendLine = ({
           <div
             data-line={`${lineNumber}-extend-content`}
             data-side={SplitSide[side]}
-            className="diff-line-extend-wrapper sticky left-0"
+            className="diff-line-extend-wrapper sticky left-0 z-[1]"
             style={{ width }}
           >
             {width > 0 &&

packages/react/src/components/v2/DiffSplitWidgetLineNormal_v2.tsx

@@ -74,7 +74,7 @@ const InternalDiffSplitWidgetLine = ({
           <div
             data-line={`${lineNumber}-widget-content`}
             data-side={SplitSide[side]}
-            className="diff-line-widget-wrapper sticky left-0"
+            className="diff-line-widget-wrapper sticky left-0 z-[1]"
             style={{ width }}
           >
             {width > 0 &&

packages/vue/src/components/DiffSplitExtendLineNormal.tsx

@@ -95,7 +95,7 @@ export const DiffSplitExtendLine = defineComponent(
               <div
                 data-line={`${props.lineNumber}-extend-content`}
                 data-side={SplitSide[props.side]}
-                class="diff-line-extend-wrapper sticky left-0"
+                class="diff-line-extend-wrapper sticky left-0 z-[1]"
                 style={{ width: width.value + "px" }}
               >
                 {width.value > 0 &&

packages/vue/src/components/DiffSplitWidgetLineNormal.tsx

@@ -91,7 +91,7 @@ export const DiffSplitWidgetLine = defineComponent(
               <div
                 data-line={`${props.lineNumber}-widget-content`}
                 data-side={SplitSide[props.side]}
-                class="diff-line-widget-wrapper sticky left-0"
+                class="diff-line-widget-wrapper sticky left-0 z-[1]"
                 style={{ width: width.value + "px" }}
               >
                 {width.value > 0 &&

packages/vue/src/components/DiffUnifiedExtendLine.tsx

@@ -42,7 +42,7 @@ export const DiffUnifiedExtendLine = defineComponent(
       return (
         <tr data-line={`${props.lineNumber}-extend`} data-state="extend" class="diff-line diff-line-extend">
           <td class="diff-line-extend-content p-0 align-top" colspan={2}>
-            <div class="diff-line-extend-wrapper sticky left-0" style={{ width: width.value + "px" }}>
+            <div class="diff-line-extend-wrapper sticky left-0 z-[1]" style={{ width: width.value + "px" }}>
               {width.value > 0 &&
                 oldExtend.value &&
                 slots.extend({

packages/vue/src/components/DiffUnifiedWidgetLine.tsx

@@ -50,7 +50,7 @@ export const DiffUnifiedWidgetLine = defineComponent(
       return (
         <tr data-line={`${props.lineNumber}-widget`} data-state="widget" class="diff-line diff-line-widget">
           <td class="diff-line-widget-content p-0" colspan={2}>
-            <div class="diff-line-widget-wrapper sticky left-0" style={{ width: width.value + "px" }}>
+            <div class="diff-line-widget-wrapper sticky left-0 z-[1]" style={{ width: width.value + "px" }}>
               {width.value > 0 &&
                 oldWidget.value &&
                 slots.widget?.({