🔀 Merge pull request #287 from Lissy93/FIX/icons-layout

[FIX] Icon overlap and squeeze issues
Fixes #283
Fixes #285
This commit is contained in:
Alicia Sykes 2021-10-21 15:02:19 +01:00 committed by GitHub
commit b2d2e70d57
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 19 deletions

View File

@ -406,20 +406,11 @@ html[data-theme='material'], html[data-theme='material-dark'] {
min-height: 2rem; min-height: 2rem;
} }
} }
&.size-large {
width: 18rem;
min-width: 18rem;
max-height: 5rem;
margin: 0.4rem;
img {
padding: 0.2rem 0.5rem;
}
}
} }
.tooltip.item-description-tooltip:not(.tooltip-is-small) { .tooltip.item-description-tooltip:not(.tooltip-is-small) {
display: none !important; display: none !important;
} }
.orientation-horizontal { .orientation-horizontal:not(.single-section-view) {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.there-are-items { .there-are-items {
@ -432,6 +423,11 @@ html[data-theme='material'], html[data-theme='material-dark'] {
@include big-screen { grid-template-columns: repeat(5, 1fr); } @include big-screen { grid-template-columns: repeat(5, 1fr); }
@include big-screen-up { grid-template-columns: repeat(6, 1fr); } @include big-screen-up { grid-template-columns: repeat(6, 1fr); }
} }
.there-are-items .item-wrapper .item {
width: auto;
min-width: auto;
max-height: auto;
}
} }
a.item { a.item {
position: relative; position: relative;
@ -480,15 +476,9 @@ html[data-theme='material'], html[data-theme='material-dark'] {
padding-left: 0.5rem; padding-left: 0.5rem;
min-width: 11rem; min-width: 11rem;
} }
&.size-large { &.short:not(.size-large) {
&:before { min-height: 2rem;
width: 1.5rem; height: auto;
}
&:hover {
div:nth-child(2) {
text-indent: 1.5rem;
}
}
} }
} }
} }