Merge pull request #1 from andreadelrio/doc-view-dsgn

[Doc viewer] Design cleanups
andreadelrio · Jun 17, 2021 · ce4c4ee · ce4c4ee
2 parents 4305e42 + 986e719
commit ce4c4ee
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 11 deletions.
diff --git a/src/plugins/discover/public/application/components/doc_viewer/doc_viewer.scss b/src/plugins/discover/public/application/components/doc_viewer/doc_viewer.scss
@@ -42,6 +42,13 @@
 
 .kbnDocViewer__fieldNameCell {
   width: 100%;
+  .dscMultiFieldBadge {
+    @include euiFont;
+  }
+}
+
+.kbnDocViewer__value {
+  line-height: $euiLineHeight;
 }
 
 .kbnDocViewer__warning {

diff --git a/src/plugins/discover/public/application/components/field_name/field_name.tsx b/src/plugins/discover/public/application/components/field_name/field_name.tsx
@@ -56,17 +56,22 @@ export function FieldName({
       </EuiFlexItem>
       {isMultiField && (
         <EuiFlexItem grow={false}>
-          <EuiBadge
-            color="default"
-            title={i18n.translate('discover.fieldChooser.discoverField.multiFieldTooltipContent', {
-              defaultMessage: 'Multi field',
-            })}
+          <EuiToolTip
+            position="top"
+            content={i18n.translate(
+              'discover.fieldChooser.discoverField.multiFieldTooltipContent',
+              {
+                defaultMessage: 'Multifields can have multiple values per field',
+              })
+            }
           >
-            <FormattedMessage
-              id="discover.fieldChooser.discoverField.multiField"
-              defaultMessage="multifield"
-            />
-          </EuiBadge>
+            <EuiBadge title="" className="dscMultiFieldBadge" color="default">
+              <FormattedMessage
+                id="discover.fieldChooser.discoverField.multiField"
+                defaultMessage="multifield"
+              />
+            </EuiBadge>
+          </EuiToolTip>
         </EuiFlexItem>
       )}
     </EuiFlexGroup>

diff --git a/src/plugins/discover/public/application/components/table/table_columns.tsx b/src/plugins/discover/public/application/components/table/table_columns.tsx
@@ -66,7 +66,7 @@ export const DOC_VIEW_COLUMNS: Array<EuiBasicTableColumn<FieldRecord>> = [
         <strong>
           <FormattedMessage
             id="discover.fieldChooser.discoverField.action"
-            defaultMessage="Action"
+            defaultMessage="Actions"
           />
         </strong>
       </EuiText>