cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-01-18 16:09:03 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Styling improvements

Browse source
This commit is contained in:
WBHarry 2025-07-14 22:19:56 +02:00
parent ad9a72d494
commit 52f62014f9
3 changed files with 35 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

32
styles/less/ux/autocomplete/autocomplete.less
View file

@ -1,16 +1,22 @@
.theme-light .autocomplete {
background-image: url('../assets/parchments/dh-parchment-dark.png');
background-image: url('../assets/parchments/dh-parchment-light.png');
color: black;
}
.autocomplete {
padding: 2px;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: light-dark(@dark-blue, @beige);
border-color: light-dark(@dark, @beige);
border-radius: 6px;
color: light-dark(@beige, @dark);
background-image: url('../assets/parchments/dh-parchment-light.png');
background-image: url('../assets/parchments/dh-parchment-dark.png');
z-index: 200;
max-height: 400px !important;
overflow-y: auto;
font-style: @font-body;
display: flex;
flex-direction: column;
gap: 2px;
.group {
font-weight: bold;
@ -18,22 +24,18 @@
padding-left: 8px;
}
div[role='option'] {
font-size: 14;
padding-left: 16px;
li[role='option'] {
font-size: 14px;
padding-left: 10px;
cursor: pointer;
display: flex;
&:hover {
background: light-dark(@beige-50, @dark-blue);
color: light-dark(@dark, @beige);
background-color: light-dark(@dark, @beige);
color: light-dark(@beige, var(--color-dark-3));
}
.matched {
font-weight: bold;
}
&.selected {
> div {
white-space: nowrap;
}
}
}