#1669 Refactor updatable fields to fix the edit icon

TheHive-Project · Nov 19, 2020 · f7c0620 · f7c0620
1 parent 8d0dd41
commit f7c0620
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 21 deletions.
diff --git a/frontend/app/styles/custom-fields.css b/frontend/app/styles/custom-fields.css
@@ -1,10 +1,3 @@
-/* .custom-field-input dd {
-    overflow: hidden;
+.custom-field-input dd {
+    overflow-x: auto;
 }
-
-
-div.custom-field-input-wrapper {
-    max-width: 100%;
-    text-overflow: ellipsis;
-}
- */
diff --git a/frontend/app/styles/updatable.css b/frontend/app/styles/updatable.css
@@ -1,16 +1,13 @@
-.updatable-input {
-    /* border: 1px solid green; */
-}
-
 .updatable-input .updatable-value {
     vertical-align: top;
-    white-space: pre-wrap
+    white-space: pre-wrap;
 }
 
 .updatable-input .updatable-input-value-wrapper {
     position: relative;
     display: inline-block;
     border-bottom: 1px solid #fff;
+    padding-right: 20px;
 }
 
 .updatable-input .updatable-input-value-wrapper:hover{
@@ -30,17 +27,16 @@
 }
 
 .updatable-input .updatable-input-value-wrapper:hover .updatable-input-icon {
-    display: block;
-}
-
-.updatable-input.updatable-input-tags {
-
+    display: inline-block;
+    position: absolute;
+    top: 0;
+    right: 0;
 }
 
 .updatable-input.updatable-input-text .updatable-input-markdown {
     cursor: auto;
 }
 .updatable-input.updatable-input-text .updatable-input-markdown .updatable-input-icon {
-    float:left;
-    margin-left: 0;
+    /* float:left;
+    margin-left: 0; */
 }