change the text-overflow behavior for custom dropdowns

sergeiown · May 29, 2024 · e4eec70 · e4eec70
1 parent 1dd56a5
commit e4eec70
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/js/styles.js b/js/styles.js
@@ -62,9 +62,6 @@ export function addStyles() {
         width: 200px;
         max-height: 260px;
         overflow-y: auto;
-        overflow-x: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
         border: none;
         border-radius: 5px;
         background-color: rgba(245, 245, 245);
@@ -73,6 +70,9 @@ export function addStyles() {
     }
     
     .custom-dropdown-item {
+        overflow-x: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
         font-size: 14px;
         padding: 10px;
         cursor: pointer;

diff --git a/json/companies.json b/json/companies.json
@@ -2,7 +2,7 @@
     {
         "lat": 50.45090527867344,
         "lng": 30.521412882155204,
-        "company": "Geek Code",
+        "company": "Geek Code company of the future",
         "address": "Somewhere in Ukraine",
         "info": "Tech solutions for the future",
         "marker": "blue"
@@ -26,7 +26,7 @@
     {
         "lat": 49.58879379529434,
         "lng": 34.553311010136014,
-        "company": "Cyber Nauts",
+        "company": "Desperate cyberneticists of our time",
         "address": "Somewhere in Ukraine",
         "info": "Navigating the digital world",
         "marker": "pink"
@@ -42,7 +42,7 @@
     {
         "lat": 49.4186548962826,
         "lng": 26.97717159437349,
-        "company": "Inno Hub",
+        "company": "Creative hub of innovation",
         "address": "Somewhere in Ukraine",
         "info": "Fueling creativity in IT",
         "marker": "green"