CLMS-2273 (chore): Added descriptive label under the title for filter…

…able hotspot datasets in the menu widget
eea · Nov 22, 2023 · 349ac11 · 349ac11
1 parent ef5ba85
commit 349ac11
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/components/MapViewer/MenuWidget.jsx b/src/components/MapViewer/MenuWidget.jsx
@@ -1250,11 +1250,13 @@ class MenuWidget extends React.Component {
                                 Zoom in to view on map
                               </div>
                             </div>
-                          ) : dataset.productId ===
-                            'd764e020485a402598551fa461bf1db2' ? (
-                            <div className="hotspot-filter-message-container">
+                          ) : dataset.DatasetId ===
+                              '9827d711d3e148aabccc76dd501a4b86' ||
+                            dataset.DatasetId ===
+                              'e27dbc8330084b58bb5e282231fca74d' ? (
+                            <div className="zoom-in-message-container">
                               <span>{dataset.DatasetTitle}</span>
-                              <div className="hotspot-filter-message hotspot-filter-message-dataset">
+                              <div className="zoom-in-message">
                                 Use the filter to visualize a KLC area
                               </div>
                             </div>

diff --git a/src/components/MapViewer/css/ArcgisMap.css b/src/components/MapViewer/css/ArcgisMap.css
@@ -1252,7 +1252,7 @@ input[type='range']::-ms-track {
 
 .zoom-in-message,
 .hotspot-filter-message {
-  padding: 0.1rem 0.6rem 0.1rem 0.6rem;
+  padding: 0.3rem 0.6rem 0.1rem 0.6rem;
   margin-top: 0.2rem;
   background: #a0b128;
   border-radius: 10px;