mirror of
https://github.com/oceanprotocol/market.git
synced 2024-06-28 16:47:52 +02:00
* display generic message * add helper message * bold text in json, remove unused css file * fixes * different help message displayed as tooltip * tooltip help not displayed for files/links fields on publish * conditionally hide/show tooltip * use same mechanism for edit form * add prominentHelp file into content pages * type fix * remove unused code * error message position fix * error doesn't overlap help message * show validation error message fix Co-authored-by: ClaudiaHolhos <claudia@oceanprotocol.com>
48 lines
905 B
CSS
48 lines
905 B
CSS
.field {
|
|
margin-bottom: calc(var(--spacer) * var(--line-height));
|
|
position: relative;
|
|
}
|
|
|
|
.field[data-is-submitting] {
|
|
pointer-events: none;
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.field .field {
|
|
margin-bottom: calc(var(--spacer) / 2);
|
|
}
|
|
|
|
.required {
|
|
font-size: var(--font-size-base);
|
|
color: var(--color-secondary);
|
|
display: inline-block;
|
|
margin-left: 0.1rem;
|
|
}
|
|
|
|
.error {
|
|
display: inline-block;
|
|
font-size: var(--font-size-mini);
|
|
line-height: 1.2;
|
|
font-weight: var(--font-weight-bold);
|
|
color: var(--brand-white);
|
|
background: var(--brand-alert-red);
|
|
border-radius: var(--border-radius);
|
|
padding: 0.2rem 0.4rem;
|
|
position: absolute;
|
|
right: 0;
|
|
z-index: 1;
|
|
}
|
|
|
|
.hasError label {
|
|
color: var(--brand-alert-red);
|
|
}
|
|
|
|
.hasError input,
|
|
.hasError input:focus,
|
|
.hasError select,
|
|
.hasError textarea,
|
|
.hasError [class*='prefix'],
|
|
.hasError [class*='postfix'] {
|
|
border-color: var(--brand-alert-red);
|
|
}
|