🔀 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;
}
}
&.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) {
display: none !important;
}
.orientation-horizontal {
.orientation-horizontal:not(.single-section-view) {
display: flex;
flex-direction: column;
.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-up { grid-template-columns: repeat(6, 1fr); }
}
.there-are-items .item-wrapper .item {
width: auto;
min-width: auto;
max-height: auto;
}
}
a.item {
position: relative;
@ -480,15 +476,9 @@ html[data-theme='material'], html[data-theme='material-dark'] {
padding-left: 0.5rem;
min-width: 11rem;
}
&.size-large {
&:before {
width: 1.5rem;
}
&:hover {
div:nth-child(2) {
text-indent: 1.5rem;
}
}
&.short:not(.size-large) {
min-height: 2rem;
height: auto;
}
}
}