Merge pull request #15 from qlik-oss/feature/QPE-484

[QPE-484] Edit mode interactions
qlik-oss · Feb 22, 2019 · 47b4d1a · 47b4d1a
2 parents 614d768 + db67b86
commit 47b4d1a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/main.less b/src/main.less
@@ -1,7 +1,9 @@
 .qv-object-qlik-smart-pivot {
   @TableBorder: 1px solid #d3d3d3;
   @KpiTableWidth: 230px;
-
+  .edit-mode{
+    pointer-events: none;
+  }
   ._cell(@Width: 50px) {
   	min-width: @Width!important;
   	max-width: @Width!important;

diff --git a/src/paint.jsx b/src/paint.jsx
@@ -11,10 +11,10 @@ export default async function paint ($element, layout, component) {
     component,
     layout
   });
-
+  const editmodeClass = component.inAnalysisState() ? '' : 'edit-mode';
   const jsx = (
     <React.Fragment>
-      <div className="kpi-table">
+      <div className={`kpi-table ${editmodeClass}`}>
         <HeadersTable
           data={state.data}
           general={state.general}
@@ -29,7 +29,7 @@ export default async function paint ($element, layout, component) {
           styling={state.styling}
         />
       </div>
-      <div className="data-table">
+      <div className={`data-table ${editmodeClass}`}>
         <HeadersTable
           data={state.data}
           general={state.general}