Rearranged script hook UI
This commit is contained in:
parent
5145830f65
commit
2cab8c3ddb
5 changed files with 177 additions and 50 deletions
|
|
@ -276,7 +276,7 @@ select:focus {
|
|||
}
|
||||
#script-hooks .scripts-grid .script-group {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, min-content);
|
||||
grid-template-columns: repeat(3, min-content);
|
||||
align-items: center;
|
||||
grid-gap: 2px 0px;
|
||||
padding: 16px;
|
||||
|
|
@ -296,6 +296,7 @@ select:focus {
|
|||
#script-hooks .scripts-grid .script-ssh {
|
||||
margin-right: 16px;
|
||||
}
|
||||
#script-hooks .scripts-grid .script-name,
|
||||
#script-hooks .scripts-grid .script-ssh {
|
||||
cursor: pointer;
|
||||
color: #555;
|
||||
|
|
@ -519,3 +520,31 @@ dialog#connection-data div.button {
|
|||
cursor: pointer;
|
||||
margin-top: 4px;
|
||||
}
|
||||
#script-hook-dialog {
|
||||
display: grid;
|
||||
grid-gap: 8px;
|
||||
padding: 32px;
|
||||
}
|
||||
#script-hook-dialog .top {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr min-content;
|
||||
grid-gap: 16px;
|
||||
}
|
||||
#script-hook-dialog .top .header {
|
||||
font-size: 1.25em;
|
||||
font-weight: bold;
|
||||
color: var(--section-color);
|
||||
}
|
||||
#script-hook-dialog .top img {
|
||||
height: 32px;
|
||||
cursor: pointer;
|
||||
}
|
||||
#script-hook-dialog .label {
|
||||
font-weight: bold;
|
||||
margin-top: 16px;
|
||||
}
|
||||
#script-hook-dialog textarea {
|
||||
height: 50vh;
|
||||
width: 50vw;
|
||||
font-family: monospace;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue