Revert "fix: force table cell content to wrap to prevent overly wide …

…modal (DHIS2-5920) (#2961)" This reverts commit 87fe4cc.
dhis2 · Sep 15, 2023 · 93e07ae · 93e07ae
1 parent 87fe4cc
commit 93e07ae
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 24 deletions.
diff --git a/src/components/map/layers/EventPopup.js b/src/components/map/layers/EventPopup.js
@@ -5,7 +5,6 @@ import React, { useEffect } from 'react'
 import { EVENT_ID_FIELD } from '../../../util/geojson.js'
 import { formatTime, formatCoordinate } from '../../../util/helpers.js'
 import Popup from '../Popup.js'
-import classes from './styles/EventPopup.module.css'
 
 // Returns true if value is not undefined or null;
 const hasValue = (value) => value !== undefined || value !== null
@@ -88,7 +87,7 @@ const EventPopup = ({
         <Popup
             coordinates={coordinates}
             onClose={onClose}
-            className={classes.eventPopup}
+            className="dhis2-map-popup-event"
         >
             {error && <span>{i18n.t('Could not retrieve event data')}</span>}
             {!error && (

diff --git a/src/components/map/layers/styles/EventPopup.module.css b/src/components/map/layers/styles/EventPopup.module.css
diff --git a/src/components/map/styles/Popup.css b/src/components/map/styles/Popup.css
@@ -7,6 +7,10 @@
     min-width: 150px;
 }
 
-.maplibregl-popup-close-button:focus {
-    outline: none;
+.dhis2-map-popup-event {
+    overflow-x: auto;
+}
+
+.dhis2-map-popup-event th {
+    text-align: left;
 }