[feature] Add HTTP header permission section to frontend (#2893)

* [feature] Add HTTP header filter section to frontend

* tweak naming a bit
This commit is contained in:
tobi 2024-05-05 13:47:22 +02:00 committed by GitHub
commit 6171dcbe51
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
27 changed files with 986 additions and 68 deletions

View file

@ -60,7 +60,6 @@ ul li::before {
& > form {
display: flex;
flex-direction: column;
gap: 0.5rem;
margin: 1rem 0;
h1, h2, h3, h4, h5 {
@ -1192,43 +1191,6 @@ button.with-padding {
margin-bottom: 0;
}
.info-list {
border: 0.1rem solid $gray1;
display: flex;
flex-direction: column;
.info-list-entry {
background: $list-entry-bg;
border: 0.1rem solid transparent;
padding: 0.25rem;
&:nth-child(even) {
background: $list-entry-alternate-bg;
}
display: grid;
grid-template-columns: max(20%, 10rem) 1fr;
dt {
font-weight: bold;
}
dd {
word-break: break-word;
}
dt, dd {
/*
Make sure any fa icons used in keys
or values are properly aligned.
*/
.fa {
vertical-align: middle;
}
}
}
}
.action-buttons {
display: flex;
gap: 0.5rem;
@ -1236,6 +1198,43 @@ button.with-padding {
}
}
.info-list {
border: 0.1rem solid $gray1;
display: flex;
flex-direction: column;
.info-list-entry {
background: $list-entry-bg;
border: 0.1rem solid transparent;
padding: 0.25rem;
&:nth-child(even) {
background: $list-entry-alternate-bg;
}
display: grid;
grid-template-columns: max(20%, 10rem) 1fr;
dt {
font-weight: bold;
}
dd {
word-break: break-word;
}
dt, dd {
/*
Make sure any fa icons used in keys
or values are properly aligned.
*/
.fa {
vertical-align: middle;
}
}
}
}
.instance-rules {
list-style-position: inside;
margin: 0;
@ -1287,6 +1286,45 @@ button.with-padding {
}
}
.http-header-permissions {
.list {
/*
Space this page out a bit, it
looks too tight otherwise.
*/
margin: 1rem 0;
/*
Visually separate the key + value for
each entry, and show the value in
reasonably-sized monospace font.
*/
.entries > .entry {
display: grid;
grid-template-columns: max(20%, 10rem) 1fr;
dt {
font-weight: bold;
}
dd {
font-family: monospace;
font-size: large;
}
}
}
}
.http-header-permission-details {
.info-list {
margin-top: 1rem;
> .info-list-entry > .monospace {
font-size: large;
}
}
}
@media screen and (orientation: portrait) {
.reports .report .byline {
grid-template-columns: 1fr;