Delete device, better device edit dialog
This commit is contained in:
parent
e92022f1f1
commit
06054c8d39
4 changed files with 155 additions and 30 deletions
|
|
@ -35,6 +35,7 @@ html {
|
|||
*:after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
*:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
|
@ -150,6 +151,7 @@ button {
|
|||
|
||||
&.show {
|
||||
border-right: var(--header-border);
|
||||
|
||||
&>* {
|
||||
display: initial;
|
||||
}
|
||||
|
|
@ -478,31 +480,58 @@ button {
|
|||
#device-dialog {
|
||||
display: grid;
|
||||
grid-template-columns: min-content min-content;
|
||||
align-items: top;
|
||||
align-items: start;
|
||||
grid-gap: 16px;
|
||||
|
||||
.devices {
|
||||
display: flex;
|
||||
flex-direction:column;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
align-items: flex-start;
|
||||
min-height: 256px;
|
||||
height: 75vh;
|
||||
|
||||
.header {
|
||||
width: 100%;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr min-content;
|
||||
margin-bottom: 8px;
|
||||
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.device {
|
||||
border: 1px solid #aaa;
|
||||
background-color: #f0f0f0;
|
||||
padding: 8px 16px;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
|
||||
&.selected {
|
||||
background-color: var(--header-background);
|
||||
.filter {
|
||||
grid-column: 1 / -1;
|
||||
margin-top: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.device-list {
|
||||
overflow-y: auto;
|
||||
min-width: 256px;
|
||||
justify-items: start;
|
||||
|
||||
.device {
|
||||
border: 1px solid #aaa;
|
||||
background-color: #f0f0f0;
|
||||
padding: 8px 16px;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
white-space: nowrap;
|
||||
margin-bottom: 16px;
|
||||
margin-right: 16px;
|
||||
|
||||
&.selected {
|
||||
background-color: var(--header-background);
|
||||
}
|
||||
|
||||
&.filtered {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.fields {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue