This commit is contained in:
Erik 2023-05-15 20:37:20 +03:00
parent 0d128ffac7
commit 0adffd4212
Signed by: Navy.gif
GPG Key ID: 2532FBBB61C65A68
2 changed files with 3 additions and 5 deletions

View File

@ -76,6 +76,9 @@ details .flag {
margin-right: 8px;
margin-left: 3px;
}
.list-element:has(div.unsaved) {
outline: solid 1px #ffb300a6;
}
.list.open > .listHeader > .list-carrot, .list .listBody details[open] summary > .list-carrot{
transform: rotate(-90deg);
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 }) => {
// 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'>
<summary className="clickable">
<i className="list-carrot"></i>
<b>{flag.name}</b>&nbsp;[{flag.type}] ({flag.id})
</summary>
<Flag flag={flag} />
</details>;
};