Update doc-viewer styles for wzDocViewer classes

wazuh · Oct 17, 2024 · 13bd581 · 13bd581
1 parent 8b2bffc
commit 13bd581
Showing 1 changed file with 30 additions and 19 deletions.
diff --git a/plugins/main/public/components/common/doc-viewer/doc-viewer.scss b/plugins/main/public/components/common/doc-viewer/doc-viewer.scss
@@ -1,6 +1,6 @@
-.osdDocViewerTable {
+.wzDocViewerTable {
   pre,
-  .osdDocViewer__value {
+  .wzDocViewer__value {
     display: inline-block;
     word-break: break-all;
     word-wrap: break-word;
@@ -10,7 +10,7 @@
     padding-top: 2px;
   }
 
-  .osdDocViewer__field {
+  .wzDocViewer__field {
     padding-top: 8px;
   }
 
@@ -32,48 +32,59 @@
   }
 
   tr:hover {
-    .osdDocViewer__buttons {
+    .wzDocViewer__buttons {
       display: flex;
+      gap: 2px;
       position: absolute;
-      background: #fff;
-      background: linear-gradient(
-        180deg,
-        rgb(255, 255, 255) 0%,
-        rgb(255, 255, 255) 80%,
-        rgba(0, 0, 0, 0) 100%
-      );
       right: 0;
       top: 0;
-      transform: translateY(1px);
+      transform: translateY(calc(50% - 8px));
 
-      .osdDocViewer__actionButton {
+      > span {
+        z-index: 2;
+      }
+
+      .wzDocViewer__actionButton {
         opacity: 1;
       }
+
+      &::before {
+        content: "";
+        position: absolute;
+        display: block;
+        right: 0;
+        top: 0;
+        height: 100%;
+        width: 100%;
+        background-image: linear-gradient(to right, transparent 0, aliceblue 4px);
+        z-index: 1;
+      }
     }
   }
 }
 
-.osdDocViewer__buttons,
-.osdDocViewer__field {
+.wzDocViewer__buttons,
+.wzDocViewer__field {
   white-space: nowrap;
 }
 
-.osdDocViewer__buttons {
+.wzDocViewer__buttons {
   display: none;
 }
 
-.osdDocViewer__field {
+.wzDocViewer__field {
   width: 160px;
+  white-space: break-spaces;
 }
 
-.osdDocViewer__actionButton {
+.wzDocViewer__actionButton {
   opacity: 0;
 
   &:hover {
     opacity: 1;
   }
 }
 
-.osdDocViewer__warning {
+.wzDocViewer__warning {
   margin-right: $euiSizeS;
 }