Compare commits

...

3 Commits

2 changed files with 3 additions and 5 deletions

View File

@ -78,6 +78,9 @@ details .flag {
margin-right: 8px; margin-right: 8px;
margin-left: 3px; margin-left: 3px;
} }
.list-element:has(div.unsaved) {
outline: solid 1px #ffb300a6;
}
.list.open > .listHeader > .list-carrot, .list .listBody details[open] summary > .list-carrot{ .list.open > .listHeader > .list-carrot, .list .listBody details[open] summary > .list-carrot{
transform: rotate(-90deg); transform: rotate(-90deg);
transition: transform ease-in-out 0.1s; transition: transform ease-in-out 0.1s;

View File

@ -63,17 +63,12 @@ const FlagTile = ({ flag }: { flag: APIFlag }) => {
const FlagListElement = ({ flag }: { flag: APIFlag, onClick?: React.ReactEventHandler }) => { const FlagListElement = ({ flag }: { flag: APIFlag, onClick?: React.ReactEventHandler }) => {
// return <div className='card flag list-element clickable mt-2 mb-2' onClick={onClick}>
// <b>{flag.name}</b> [{flag.type}] ({flag.id})
// </div>;
return <details className='card list-element mt-2 mb-2'> return <details className='card list-element mt-2 mb-2'>
<summary className="clickable"> <summary className="clickable">
<i className="list-carrot"></i> <i className="list-carrot"></i>
<b>{flag.name}</b>&nbsp;[{flag.type}] ({flag.id}) <b>{flag.name}</b>&nbsp;[{flag.type}] ({flag.id})
</summary> </summary>
<Flag flag={flag} /> <Flag flag={flag} />
</details>; </details>;
}; };