Compare commits
No commits in common. "9f80e1cd0fa5bf24f956f294b0e30203428b35bc" and "8cb0f37137f8555049789cf4feba4c1173d68fa2" have entirely different histories.
9f80e1cd0f
...
8cb0f37137
@ -78,9 +78,6 @@ 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;
|
||||||
|
@ -63,12 +63,17 @@ 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> [{flag.type}] ({flag.id})
|
<b>{flag.name}</b> [{flag.type}] ({flag.id})
|
||||||
</summary>
|
</summary>
|
||||||
|
|
||||||
<Flag flag={flag} />
|
<Flag flag={flag} />
|
||||||
|
|
||||||
</details>;
|
</details>;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user