uberwald/l5rx-chiaroscuro
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update item with js expanded function

Browse Source
This commit is contained in:
Mandar
2020-12-24 20:02:54 +01:00
parent ac0f3f7e85
commit 897eca7abb
14 changed files with 75 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
system/styles/scss/items.scss
View File

@@ -49,14 +49,6 @@
}
}
}
.item-description {
flex: unset;
display: block;
height: 0;
overflow: hidden;
background: rgba(0, 0, 0, 0.05);
transition: height 0.25s ease-in;
}
.item-properties {
display: flex;
flex-direction: row;
@@ -77,13 +69,6 @@
}
}
}
&:hover {
.item-description {
height: 5rem;
overflow-y: auto;
scrollbar-width: thin;
}
}
p {
font-size: 0.85rem;
margin: 0;
@@ -261,21 +246,50 @@
}
}
}
p.item-description {
}
li {
.item-description {
flex: unset;
height: 0;
margin: 0;
padding: 0.25rem;
padding: 0;
font-size: 0.75rem;
color: rgba(0, 0, 0, 0.75);
overflow: hidden;
border: 1px solid $l5r5e-title;
background: rgba(0, 0, 0, 0.05);
border: 0 none;
transition: height 0.25s ease-in;
}
&:hover {
p.item-description {
div.item-description {
padding: 0;
&:hover,
&:active {
padding: 0;
}
}
.toggle-active {
height: 6rem;
overflow-y: auto;
scrollbar-width: thin;
border: 1px solid $l5r5e-title;
}
p {
&.toggle-active {
padding: 0.25rem;
}
}
&:hover,
&:active {
.item-description {
height: 6rem;
overflow-y: auto;
scrollbar-width: thin;
border: 1px solid $l5r5e-title;
}
p {
.item-description {
padding: 0.25rem;
}
}
}
}