mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-04-21 23:13:39 +02:00
552c62adc1
* Initial * . * Fixed positioning * . * Only showing the menu if there are extra resources * Improved resourceManager clickable * . * Changed variable name * Refactor resources selection and data prep (#1721) * Move resources select to scrolly text and accept actor object * Convert isReversed to prepared data and add label * Removed unused imports --------- Co-authored-by: WBHarry <williambjrklund@gmail.com> * Naming * [Feature] Custom Homebrew Resources (#1718) * Added resources to the Homebrew Menu * Fixed translations * . * Inverted from isImage to isIcon. Should be more logical for users * Removed testing resources * Refactor resource settings to not be a method (#1723) * Fix editing homebrew resources with a custom ResourcesField * Fix removing homebrew resources * Remove vestigial code * Use custom config for module data instead of including in all (#1724) * Use custom config for module data instead of including in all * More simple * base highest priority --------- Co-authored-by: Carlos Fernandez <CarlosFdez@users.noreply.github.com> Co-authored-by: Carlos Fernandez <cfern1990@gmail.com>
87 lines
2.7 KiB
Text
87 lines
2.7 KiB
Text
.daggerheart.dh-style.setting.homebrew-settings .resources.tab {
|
|
.resource-types-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
overflow: auto;
|
|
max-height: 570px;
|
|
|
|
fieldset legend {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 4px;
|
|
}
|
|
|
|
.resource-type-container {
|
|
width: 100%;
|
|
|
|
.resources-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
|
|
.resource-container {
|
|
.resource-icons-container {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
gap: 8px;
|
|
width: 100%;
|
|
|
|
.resource-icon-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
flex: 1;
|
|
|
|
.resource-icon-title-container {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 4px;
|
|
|
|
&::before,
|
|
&::after {
|
|
color: @dark-blue;
|
|
content: '';
|
|
flex: 1;
|
|
height: 2px;
|
|
}
|
|
|
|
&::before {
|
|
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, @golden 100%);
|
|
}
|
|
|
|
&::after {
|
|
background: linear-gradient(90deg, @golden 0%, rgba(0, 0, 0, 0) 100%);
|
|
}
|
|
|
|
.resource-icon-title {
|
|
font-size: var(--font-size-16);
|
|
white-space: nowrap;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 4px;
|
|
color: light-dark(@dark-blue, @golden);
|
|
|
|
i {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.two-columns {
|
|
width: 100%;
|
|
}
|
|
|
|
.form-group.vertical {
|
|
> * {
|
|
flex: 0 0 100%;
|
|
}
|
|
}
|
|
}
|