Feature/ 179 apply items filter in actors sheet (#249)

* FEAT: create FilterMenu class
FEAT: add FilterMenu to CharacterSheet

* FEAT: filter menu style

* FIX: file's names and import

* FEAT: add filters getters on FilterMenu class

* REFACTOR: prettier

* FIX: add again the Filter Menu implementation

---------

Co-authored-by: Joaquin Pereyra <joaquinpereyra98@users.noreply.github.com>
This commit is contained in:
joaquinpereyra98 2025-07-03 01:30:23 -03:00 committed by GitHub
parent 9fb9a4af55
commit 1b9bd45e9c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
10 changed files with 478 additions and 22 deletions

View file

@ -0,0 +1,47 @@
@import '../utils/colors.less';
@import '../utils/fonts.less';
.filter-menu {
width: auto;
fieldset.filter-section {
align-items: center;
margin: 5px;
border-radius: 6px;
border-color: light-dark(@dark-blue, @golden);
padding: 5px;
legend {
font-family: @font-body;
font-weight: bold;
color: light-dark(@dark-blue, @golden);
font-size: var(--font-size-12);
}
.filter-buttons {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
gap: 5px;
button {
background: light-dark(@light-black, @dark-blue);
color: light-dark(@dark-blue, @golden);
outline: none;
box-shadow: none;
border: 1px solid light-dark(@dark-blue, @dark-blue);
padding: 0 0.2rem;
font-size: var(--font-size-12);
&:hover {
background: light-dark(transparent, @golden);
color: light-dark(@dark-blue, @dark-blue);
}
&.active {
animation: glow 0.75s infinite alternate;
}
}
}
}
}