Implement friendlier whitelist editing UI

This commit is contained in:
hensm
2018-10-23 00:56:11 +01:00
parent adfbd5b2ef
commit 5d340864c4
2 changed files with 290 additions and 57 deletions

View File

@@ -41,3 +41,25 @@
*:invalid {
box-shadow: 0 0 1.5px 1px red;
}
.editable-list {
justify-content: end;
}
.editable-list__item {
align-items: center;
display: flex;
height: 2em;
}
.editable-list__title {
flex: 1;
}
.editable-list__edit-field {
width: -moz-available;
margin-inline-end: 1em;
}
.editable-list__raw-view {
max-height: 300px;
resize: vertical;
width: 100%;
}