hookshot/web/components/elements/InputField.module.scss
Will Hunt 80c7d35a18
Add an expiry time to inbound webhooks (#984)
* Add logic to enable generic hook expiry

* Add storage for hook expiry warnings.

* Migrate generic hooks / add expiry field

* Allow reporting a specific error and status code for generic webhooks

* Report the specific error when a message fails to send

* Refactor input class to better support datetime

* Remove single use of innerChild

* Add UI support for expiry configuration

* Add new packages

* Add warnings when the timer is about to expire.

* Add send expiry notice config option

* lint

* document new option s

* Fixup test

* Add tests for expiry

* Add textual command for setting a duration on a webhook.

* Add e2e test for inbound hooks.

* changelog

* Add a configuration option to force webhooks to expire.

* update config.sample.yml

* fix field not working
2024-11-18 17:08:52 +00:00

69 lines
1.4 KiB
SCSS

.inputField.nopad {
label {
position: relative;
margin: 0;
}
}
.inputField {
width: 100%;
margin-bottom: 12px;
label {
position: absolute;
left: 0;
margin: -8px 45px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: calc(100% - 20px);
padding: 0 2px;
color: var(--cpd-color-text-primary);
}
> ul {
padding-left: 10px;
}
li {
list-style: none;
}
ul > label {
position: relative;
left: auto;
margin: auto;
}
input[type="text"],input[type="search"],input[type="datetime-local"] {
border: 1px solid var(--cpd-color-border-interactive-primary);
box-sizing: border-box;
border-radius: 8px;
width: 100%;
font-size: 14px;
padding: 8px 12px;
color: var(--cpd-color-text-primary);
background: var(--cpd-color-bg-subtle-primary);
}
select {
border: 1px solid var(--cpd-color-border-interactive-primary);
box-sizing: border-box;
border-radius: 8px;
width: 100%;
font-size: 14px;
padding: 8px 12px;
color: var(--cpd-color-text-primary);
background: var(--cpd-color-bg-subtle-primary);
}
}
.container {
display: flex;
gap: 4px;
button {
min-width: 0;
}
}