test connection UI (#4596)

* test connection UI

* cleanup

Co-authored-by: Jeremy Letto <jeremy.letto@datasite.com>
This commit is contained in:
Jeremy Letto 2022-03-19 19:22:00 -05:00 committed by GitHub
parent 00a2a8ab71
commit 0ff59e6d1e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 169 additions and 22 deletions

View file

@ -1,8 +1,23 @@
.KnownHosts {
}
.KnownHosts-form {
width: 100%;
position: relative;
}
.KnownHosts-item {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.KnownHosts-item__wrapper {
display: flex;
align-items: center;
}
.KnownHosts-item__label {
position: relative;
}
@ -16,6 +31,16 @@
font-size: .9em;
}
.KnownHosts-item__status {
display: none;
}
.KnownHosts-item__status svg {
display: none;
margin-left: -5px;
margin-right: 5px;
}
.KnownHosts-validation {
position: absolute;
top: 0;
@ -33,6 +58,11 @@
margin-left: 4px;
}
.KnownHosts .MuiSelect-selectMenu .KnownHosts-item__status,
.KnownHosts .MuiSelect-selectMenu .KnownHosts-item__status svg {
display: block;
}
.Mui-selected .KnownHosts-item__label svg {
display: block;
}