From f53c954541b343b8f6351668e219194fe5b0b66f Mon Sep 17 00:00:00 2001
From: Bard <984419930@qq.com>
Date: Sun, 4 Dec 2022 17:09:23 +0800
Subject: [PATCH] Update cascade.css

---
 .../htdocs/luci-static/argon/css/cascade.css  | 28 +++++++++++++++++--
 1 file changed, 25 insertions(+), 3 deletions(-)

diff --git a/luci-theme-argon/htdocs/luci-static/argon/css/cascade.css b/luci-theme-argon/htdocs/luci-static/argon/css/cascade.css
index 81df1b6..b839e0c 100644
--- a/luci-theme-argon/htdocs/luci-static/argon/css/cascade.css
+++ b/luci-theme-argon/htdocs/luci-static/argon/css/cascade.css
@@ -1806,7 +1806,6 @@ body:not(.Interfaces) .cbi-rowstyle-2:first-child {
   border-bottom-left-radius: 0;
 }
 .cbi-dynlist > .item > span {
-  white-space: normal;
   word-break: break-word;
   line-height: 1.5rem;
   padding: 0.5rem 0.5rem;
@@ -1820,7 +1819,18 @@ body:not(.Interfaces) .cbi-rowstyle-2:first-child {
   display: block;
   transition: box-shadow 0.15s ease;
   box-sizing: border-box;
-  min-width: 15rem;
+  white-space: nowrap;
+  overflow: hidden;
+}
+@media screen and (max-width: 1366px) {
+  .cbi-dynlist > .item > span {
+    max-width: 16rem;
+}
+}
+@media screen and (min-width: 1366px) {
+  .cbi-dynlist > .item > span {
+    max-width: 18rem;
+  }
 }
 .cbi-dynlist > .add-item {
   display: inline-flex;
@@ -1967,7 +1977,7 @@ body:not(.Interfaces) .cbi-rowstyle-2:first-child {
   display: block;
   width: auto;
   min-width: 100%;
-  max-width: none;
+  /* max-width: none; */
   max-height: 200px !important;
   border: 0 solid #918e8c;
   background: #ffffff;
@@ -1977,6 +1987,18 @@ body:not(.Interfaces) .cbi-rowstyle-2:first-child {
   color: var(--main-menu-color);
   margin-left: -0.2rem !important;
 }
+
+@media screen and (max-width: 1366px) {
+  .cbi-dropdown[open] > ul.dropdown {
+    max-width: 16rem;
+}
+}
+@media screen and (min-width: 1366px) {
+  .cbi-dropdown[open] > ul.dropdown {
+    max-width: 18rem;
+  }
+}
+
 .cbi-dropdown[open] > ul.dropdown li {
   color: #000;
 }