idan/sshwifty-udp-telnet-http
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Widened the connector window, this allows Connected before list to show more title text before the text being ellipsized

Browse Source
This commit is contained in:
Ni Rui
2022-09-18 20:22:46 +08:00
parent 57816f731f
commit 838eef450f
2 changed files with 8 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
ui/widgets/connect.css
View File

@@ -25,7 +25,7 @@
left: 159px; left: 159px;
display: none; display: none;
background: #333; background: #333;
width: 500px; width: 700px;
} }
#connect-frame { #connect-frame {
@@ -43,7 +43,7 @@
background: #333; background: #333;
} }
@media (max-width: 768px) { @media (max-width: 1024px) {
#connect { #connect {
left: 20px; left: 20px;
right: 20px; right: 20px;
@@ -51,7 +51,7 @@
} }
#connect:before { #connect:before {
left: 149px; left: 169px;
} }
} }
@@ -84,7 +84,7 @@
} }
#connect-warning { #connect-warning {
padding: 10px; padding: 20px;
font-size: 0.85em; font-size: 0.85em;
background: #b44; background: #b44;
color: #fff; color: #fff;
@@ -93,7 +93,7 @@
#connect-warning-icon { #connect-warning-icon {
float: left; float: left;
display: block; display: block;
margin: 5px 10px 5px 0; margin: 5px 20px 5px 0;
} }
#connect-warning-icon::after { #connect-warning-icon::after {

10
ui/widgets/connect_known.css
View File

@@ -93,7 +93,7 @@
position: relative; position: relative;
} }
@media (max-width: 480px) { @media (max-width: 768px) {
#connect-known-list-list li { #connect-known-list-list li {
width: 100%; width: 100%;
} }
@@ -132,7 +132,7 @@
z-index: 2; z-index: 2;
} }
@media (max-width: 480px) { @media (max-width: 768px) {
#connect-known-list-list li > .labels > .opt { #connect-known-list-list li > .labels > .opt {
display: inline-block; display: inline-block;
} }
@@ -143,10 +143,6 @@
color: #fff; color: #fff;
} }
#connect-known-list-list li > .labels > .opt.link:after {
content: "\02936";
}
#connect-known-list-list li > .labels > .opt.del { #connect-known-list-list li > .labels > .opt.del {
background: #a56; background: #a56;
color: #fff; color: #fff;
@@ -203,7 +199,7 @@
opacity: 0.5; opacity: 0.5;
} }
@media (max-width: 480px) { @media (max-width: 768px) {
#connect-known-list-presets li { #connect-known-list-presets li {
width: 100%; width: 100%;
} }