Add comments

eoghan2t9 · Jun 17, 2020 · 08e238a · 08e238a
1 parent 5f10806
commit 08e238a
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 20 deletions.
diff --git a/client/src/components/Logs/Logs.css b/client/src/components/Logs/Logs.css
@@ -12,12 +12,6 @@
     text-overflow: ellipsis;
 }
 
-@media (hover: none) {
-    .logs__row {
-        position: initial;
-    }
-}
-
 .logs__row--center {
     justify-content: center;
 }
@@ -115,13 +109,6 @@
     right: 1rem;
 }
 
-@media (hover: none) {
-    .logs__action {
-        top: 1rem !important;
-        right: 1rem;
-    }
-}
-
 .logs__action--detailed {
     top: 5px;
 }
@@ -131,13 +118,6 @@
     position: relative;
 }
 
-@media (hover: none) {
-    .logs__table .rt-td,
-    .clients__table .rt-td {
-        position: initial;
-    }
-}
-
 .logs__table .rt-thead, .logs__table .rt-tbody {
     min-width: 100% !important;
 }
@@ -577,3 +557,20 @@
 .loading__text {
     transform: translateY(3rem);
 }
+
+/*reset position to make absolute position of tooltip on tablets, may cause problems https://github.com/wwayne/react-tooltip/issues/204*/
+@media (hover: none) {
+    .logs__action {
+        top: 1rem !important;
+        right: 1rem;
+    }
+
+    .logs__table .rt-td,
+    .clients__table .rt-td {
+        position: initial;
+    }
+
+    .logs__row {
+        position: initial;
+    }
+}
diff --git a/client/src/components/Logs/Tooltip/ReactTooltip.css b/client/src/components/Logs/Tooltip/ReactTooltip.css
@@ -6,6 +6,7 @@
     pointer-events: auto !important;
 }
 
+/*crutch, may cause problems https://github.com/wwayne/react-tooltip/issues/204*/
 @media (hover: none) {
     .custom-tooltip {
         position: absolute !important;