Merge pull request #46671 from Kinzeng/dashboard-improvements

fix layout issues in dashboard.html
This commit is contained in:
Alexey Milovidov 2023-02-22 00:30:18 +03:00 committed by GitHub
commit 8eae18616f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -116,21 +116,29 @@
width: 50%;
display: flex;
flex-flow: row wrap;
flex-flow: column nowrap;
}
.unconnected #url {
width: 100%;
}
.unconnected #user {
#user {
margin-right: 0.25rem;
width: 50%;
}
.unconnected #password {
#password {
width: 49.5%;
}
.unconnected input {
margin-bottom: 5px;
}
#username-password {
width: 100%;
display: flex;
flex-flow: row nowrap;
}
.inputs #chart-params {
display: block;
}
@ -142,7 +150,7 @@
#connection-params {
margin-bottom: 0.5rem;
display: grid;
grid-template-columns: auto 15% 15%;
grid-template-columns: 69.77% 30%;
column-gap: 0.25rem;
}
@ -339,8 +347,10 @@
<form id="params">
<div id="connection-params">
<input spellcheck="false" id="url" type="text" value="" placeholder="URL" />
<input spellcheck="false" id="user" type="text" value="" placeholder="user" />
<input spellcheck="false" id="password" type="password" placeholder="password" />
<div id="username-password">
<input spellcheck="false" id="user" type="text" value="" placeholder="user" />
<input spellcheck="false" id="password" type="password" placeholder="password" />
</div>
</div>
<div>
<input id="reload" type="button" value="Reload">