mirror of
https://github.com/oceanprotocol/market.git
synced 2024-06-30 22:01:44 +02:00
Matthias Kretschmann
960c5b3234
* prototype view switching * refactor, more UI * formik form setup & data flow * debug output, fixes, refactor * description preview refactor * publish/update date changes * output created & updated date at top of asset * use ddo.created & ddo.updated everywhere * stop pushing metadata.main.datePublished * owner check for edit link * all the feedback states and switching between them: loading, error, success * refactor feedback, one component for publish & edit * action & date output fixes * move all content, iterate form fields from it * UI updates * styling tweaks * ddo dataflow refactor, more useAsset usage * more useAsset usage * form actions styling * prepare edit history component * metadata output tweaks * copy * safeguard against profile urls without protocol defined * refetch ddo after edit Signed-off-by: mihaisc <mihai.scarlat@smartcontrol.ro> * switch author for dataTokenOptions in metadata preview * refactor * copy * showPricing fix * validation: minimum characters for title & description * disable submit button when validation fails * form validation fixes * manually trigger onChange validation in publish & edit forms Co-authored-by: mihaisc <mihai.scarlat@smartcontrol.ro>
42 lines
696 B
CSS
42 lines
696 B
CSS
.title {
|
|
composes: title from './MetaItem.module.css';
|
|
margin-top: var(--spacer);
|
|
margin-bottom: calc(var(--spacer) / 2);
|
|
}
|
|
|
|
.history {
|
|
font-size: var(--font-size-small);
|
|
padding-left: 1.25rem;
|
|
}
|
|
|
|
.item {
|
|
position: relative;
|
|
display: block;
|
|
margin-bottom: calc(var(--spacer) / 4);
|
|
color: var(--color-secondary);
|
|
}
|
|
|
|
.item::before {
|
|
content: '▪';
|
|
position: absolute;
|
|
top: -1px;
|
|
left: -1.25rem;
|
|
color: var(--color-secondary);
|
|
user-select: none;
|
|
}
|
|
|
|
.item::after {
|
|
content: '';
|
|
position: absolute;
|
|
left: -1rem;
|
|
top: 62%;
|
|
display: block;
|
|
width: 1px;
|
|
height: 110%;
|
|
background-color: var(--color-secondary);
|
|
}
|
|
|
|
.item:last-child::after {
|
|
display: none;
|
|
}
|