Compare commits
3 Commits
8cb0f37137
...
9f80e1cd0f
Author | SHA1 | Date | |
---|---|---|---|
9f80e1cd0f | |||
7f52154915 | |||
0adffd4212 |
@ -78,6 +78,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;
|
||||
|
@ -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> [{flag.type}] ({flag.id})
|
||||
</summary>
|
||||
|
||||
<Flag flag={flag} />
|
||||
|
||||
</details>;
|
||||
};
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user