mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-01-12 03:31:07 +01:00
[BUGFIX] - Fix scroll problems in char sheet (#404)
* Fix scrollable tab * fix char sidebard and tabs scroll * Removed comment --------- Co-authored-by: Dapoolp <elcatnet@gmail.com> Co-authored-by: WBHarry <williambjrklund@gmail.com>
This commit is contained in:
parent
55e003aa3b
commit
e8e328039e
11 changed files with 152 additions and 115 deletions
|
|
@ -63,7 +63,7 @@
|
|||
flex-direction: column;
|
||||
top: -20px;
|
||||
gap: 30px;
|
||||
margin-bottom: -10px;
|
||||
margin-bottom: -16px;
|
||||
|
||||
.resources-section {
|
||||
display: flex;
|
||||
|
|
@ -357,54 +357,39 @@
|
|||
}
|
||||
}
|
||||
|
||||
.equipment-section {
|
||||
.title {
|
||||
display: flex;
|
||||
gap: 15px;
|
||||
align-items: center;
|
||||
.shortcut-items-section {
|
||||
overflow-y: hidden;
|
||||
max-height: 56%;
|
||||
padding-top: 16px;
|
||||
padding-bottom: 20px;
|
||||
mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%);
|
||||
|
||||
h3 {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
.items-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
&:hover {
|
||||
overflow-y: auto;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: light-dark(@dark-blue, @golden) transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.loadout-section {
|
||||
.equipment-section,
|
||||
.loadout-section,
|
||||
.experience-section {
|
||||
.title {
|
||||
display: flex;
|
||||
gap: 15px;
|
||||
align-items: center;
|
||||
.section-title();
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 20px;
|
||||
}
|
||||
.equipment-section {
|
||||
.items-list {
|
||||
.column-list(10px);
|
||||
}
|
||||
}
|
||||
|
||||
.experience-section {
|
||||
.title {
|
||||
display: flex;
|
||||
gap: 15px;
|
||||
align-items: center;
|
||||
|
||||
h3 {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.experience-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 5px;
|
||||
.column-list(5px);
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
align-items: center;
|
||||
|
||||
.experience-row {
|
||||
display: flex;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue