master分支“端口状态不显示”，v2.3.1正常

[frank-pv]

Describe the bug
argon master分支在某次提交过后，导致无法查看“端口状态”详细数据

To Reproduce
Steps to reproduce the behavior:

1. 打开openwrt状态
2. 鼠标焦点落到“端口状态”
3. 此时无法显示详细数据

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
v2.3.1分支

master分支

Openwrt (please complete the following information):

• Versiosn: [openwrt master or 23.5.5]
• Theme [argon]
• Version [master]

Desktop (please complete the following information):

• OS: [Macos, Windows]
• Browser [ chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [PC]
• OS: [MACOS 15.2]
• Browser [ chrome, safari]

[sbwml]

--- a/less/cascade.less
+++ b/less/cascade.less
@@ -3289,19 +3289,18 @@ span[data-tooltip] .label {
 .cbi-tooltip {
   position: absolute;
   z-index: 1000;
-  top: -1000px;
-  left: -1000px;
-  padding: 2px 5px;
-  transition: opacity .25s ease-out;
-  white-space: pre;
-  pointer-events: none;
-  opacity: 0;
+  left: -10000px;
+  box-shadow: 0 0 2px #8b8b8b;
   border-radius: 3px;
   background: #fff;
-  box-shadow: 0 0 2px #444;
+  white-space: pre;
+  padding: 2px 5px;
+  opacity: 0;
+  transition: opacity .25s ease-in;
+  transform: translate(-50%, 10%);
 }
 
-.cbi-tooltip-container:hover .cbi-tooltip {
+.cbi-tooltip-container:hover .cbi-tooltip:not(:empty) {
   left: auto;
   transition: opacity .25s ease-in;
   opacity: 1;

你就会得到效果图

[frank-pv]

--- a/less/cascade.less
+++ b/less/cascade.less
@@ -3289,19 +3289,18 @@ span[data-tooltip] .label {
.cbi-tooltip {
position: absolute;
z-index: 1000;

• top: -1000px;
• left: -1000px;
• padding: 2px 5px;
• transition: opacity .25s ease-out;
• white-space: pre;
• pointer-events: none;
• opacity: 0;

• left: -10000px;
• box-shadow: 0 0 2px #8b8b8b;
  border-radius: 3px;
  background: #fff;

• box-shadow: 0 0 2px Cannot confirm custom static IP in DHCP leases on smartphone #444;

• white-space: pre;
• padding: 2px 5px;
• opacity: 0;
• transition: opacity .25s ease-in;
• transform: translate(-50%, 10%);
  }

-.cbi-tooltip-container:hover .cbi-tooltip {
+.cbi-tooltip-container:hover .cbi-tooltip:not(:empty) {
left: auto;
transition: opacity .25s ease-in;
opacity: 1;
你就会得到效果图

--- a/less/cascade.less
+++ b/less/cascade.less
@@ -3289,19 +3289,18 @@ span[data-tooltip] .label {
.cbi-tooltip {
position: absolute;
z-index: 1000;

• top: -1000px;
• left: -1000px;
• padding: 2px 5px;
• transition: opacity .25s ease-out;
• white-space: pre;
• pointer-events: none;
• opacity: 0;

• left: -10000px;
• box-shadow: 0 0 2px #8b8b8b;
  border-radius: 3px;
  background: #fff;

• box-shadow: 0 0 2px Cannot confirm custom static IP in DHCP leases on smartphone #444;

• white-space: pre;
• padding: 2px 5px;
• opacity: 0;
• transition: opacity .25s ease-in;
• transform: translate(-50%, 10%);
  }

-.cbi-tooltip-container:hover .cbi-tooltip {
+.cbi-tooltip-container:hover .cbi-tooltip:not(:empty) {
left: auto;
transition: opacity .25s ease-in;
opacity: 1;
你就会得到效果图

--- a/less/cascade.less
+++ b/less/cascade.less
@@ -3289,19 +3289,18 @@ span[data-tooltip] .label {
.cbi-tooltip {
position: absolute;
z-index: 1000;

• top: -1000px;
• left: -1000px;
• padding: 2px 5px;
• transition: opacity .25s ease-out;
• white-space: pre;
• pointer-events: none;
• opacity: 0;

• left: -10000px;
• box-shadow: 0 0 2px #8b8b8b;
  border-radius: 3px;
  background: #fff;

• box-shadow: 0 0 2px Cannot confirm custom static IP in DHCP leases on smartphone #444;

• white-space: pre;
• padding: 2px 5px;
• opacity: 0;
• transition: opacity .25s ease-in;
• transform: translate(-50%, 10%);
  }

-.cbi-tooltip-container:hover .cbi-tooltip {
+.cbi-tooltip-container:hover .cbi-tooltip:not(:empty) {
left: auto;
transition: opacity .25s ease-in;
opacity: 1;
你就会得到效果图

好的感谢，我试试

[frank-pv]

/less/cascade.less

请问下这个文件用在哪里？
1、用在luci-theme-argon/less下打包时，是不会copy cascade.less文件的
2、luci-theme-argon/htdocs/luci-static/argon/css下文件看着和patch的路径不一样 @sbwml

[sbwml]

不清楚，你得问那些大佬们。我不懂这些。

[yhl452493373]

cascade.zip
解压后覆盖路由器：/www/luci-static/argon/css/cascade.css

[frank-pv]

cascade.zip 解压后覆盖路由器：/www/luci-static/argon/css/cascade.css

用这个替换后，确实恢复显示了

[jerrykuku]

pr 已经合并