hongshaorou/rustdesk
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor tab responsive size again

Browse Source
This commit is contained in:
open-trade 2022-01-28 17:48:49 +08:00
parent 9118511bbd
commit 4108635b34
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/ui/ab.tis
View File

@ -25,7 +25,7 @@ class SearchBar: Reactor.Component {
function render() { function render() {
var value = searchPatterns[this.type] || ""; var value = searchPatterns[this.type] || "";
var me = this; var me = this;
self.timer(1ms, function() { me.search_id.value = value; }); self.timer(1ms, function() { (me.search_id || {}).value = value; });
return <div .search-id style="margin-left: 12px"> return <div .search-id style="margin-left: 12px">
<span .search-icon>{search_icon}</span> <span .search-icon>{search_icon}</span>
<input|text @{this.search_id} novalue={translate("Search ID")} /> <input|text @{this.search_id} novalue={translate("Search ID")} />
@ -285,6 +285,7 @@ class MultipleSessions: Reactor.Component {
self.timer(60ms, function() { self.timer(60ms, function() {
me.hidden = false; me.hidden = false;
me.update(); me.update();
self.timer(30ms, function() { me.onSize(); });
}); });
} }
@ -300,16 +301,17 @@ class MultipleSessions: Reactor.Component {
var w = this.$(.sessions-bar .sessions-tab).box(#width); var w = this.$(.sessions-bar .sessions-tab).box(#width);
var len = translate('Recent Sessions').length; var len = translate('Recent Sessions').length;
var totalChars = 0; var totalChars = 0;
var nEle = 0;
var padding = 12;
for (var el in this.$$(#sessions-type span)) { for (var el in this.$$(#sessions-type span)) {
nEle += 1;
var n = el.text.length; var n = el.text.length;
if (n < 3) n = 3; if (n > 6) padding = 8;
totalChars += n; totalChars += n;
} }
for (var el in this.$$(#sessions-type span)) { for (var el in this.$$(#sessions-type span)) {
var n = el.text.length; var n = el.text.length;
if (n < 3) n = 3; var maxWidth = (w - nEle * 2 * padding) * n / totalChars;
var padding = n > 8 ? 8 : 12;
var maxWidth = w * n / totalChars - 2 * padding;
if (maxWidth < 0) maxWidth = 36; if (maxWidth < 0) maxWidth = 36;
el.style.set{ el.style.set{
"max-width": maxWidth + "px", "max-width": maxWidth + "px",