Fixed the More Works popup on mobile view

This commit is contained in:
Eliahu Horwitz
2025-09-04 22:11:08 +03:00
parent f6666f0bf8
commit d38af1ccae

View File

@@ -625,8 +625,9 @@ code {
} }
.more-works-container { .more-works-container {
top: 1rem; bottom: 2rem;
right: 1rem; right: 1rem;
top: auto;
} }
.more-works-btn { .more-works-btn {
@@ -637,6 +638,8 @@ code {
.more-works-dropdown { .more-works-dropdown {
width: calc(100vw - 2rem); width: calc(100vw - 2rem);
right: -1rem; right: -1rem;
bottom: calc(100% + 0.5rem);
top: auto;
} }
.results-carousel .item { .results-carousel .item {
@@ -664,14 +667,19 @@ code {
.more-works-container { .more-works-container {
position: fixed; position: fixed;
top: 1rem; bottom: 2rem;
right: 1rem; right: 1rem;
z-index: 1000; z-index: 1000;
} }
.more-works-btn {
padding: 0.5rem 0.75rem;
font-size: 0.75rem;
}
.more-works-dropdown { .more-works-dropdown {
position: absolute; position: absolute;
top: calc(100% + 0.5rem); bottom: calc(100% + 0.5rem);
right: 0; right: 0;
width: calc(100vw - 2rem); width: calc(100vw - 2rem);
max-width: 90vw; max-width: 90vw;