Antoine/carhop__dynamiques-theme__PROD-DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

RESPONSIVE FIX on consistency for indel toolbar on mobile
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Nonimart 2025-12-11 15:21:23 +01:00
parent 931ef13dcc
commit e0fd2ffff3
2 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
resources/css/components/article-revues-toolbar.css
View File

@ -3,14 +3,14 @@
@apply col-span-2 container mx-auto mb-2 lg:mb-0; @apply col-span-2 container mx-auto mb-2 lg:mb-0;
.tablist { .tablist {
@apply flex items-center overflow-y-visible gap-8 lg:gap-12 border-b border-primary; @apply flex items-center overflow-y-visible gap-8 lg:gap-3 xl:gap-12 border-b border-primary;
position: relative; position: relative;
@media screen and (max-width: 1024px) { span {
span { @apply sr-only lg:not-sr-only;
@apply sr-only;
}
} }
/* @media screen and (max-width: 1024px) {
} */
/* @media screen and (max-width: 1024px) { /* @media screen and (max-width: 1024px) {
border-bottom: none; border-bottom: none;
padding-bottom: 1em; padding-bottom: 1em;

11
resources/css/components/index-panel.css
View File

@ -7,7 +7,7 @@
@apply p-4 md:p-6 !pb-0 flex gap-4 border-b border-gray-300; @apply p-4 md:p-6 !pb-0 flex gap-4 border-b border-gray-300;
button { button {
@apply pb-6 text-base md:text-lg text-carhop-gray opacity-60 relative; @apply pb-6 text-base md:text-lg text-carhop-gray opacity-60 relative hidden;
box-sizing: border-box; box-sizing: border-box;
@apply flex items-center gap-2; @apply flex items-center gap-2;
.icon { .icon {
@ -15,7 +15,7 @@
} }
} }
button#mobile-open-toggle { button#mobile-open-toggle {
@apply lg:hidden ml-auto !opacity-100; @apply ml-auto !opacity-100;
.icon { .icon {
transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;
@apply h-10 w-10; @apply h-10 w-10;
@ -58,8 +58,8 @@
text-decoration-thickness: 1px; text-decoration-thickness: 1px;
} }
@media (max-width: 960px) { @media (max-width: 1024px) {
@apply bg-carhop-green-700 relative z-50; @apply bg-red-700 relative z-50;
.index-panel__header { .index-panel__header {
border-bottom: 0.25px solid rgba(255, 255, 255, 0.4); border-bottom: 0.25px solid rgba(255, 255, 255, 0.4);
@ -84,6 +84,9 @@
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
button#mobile-open-toggle {
display: block !important;
}
.index-panel__content { .index-panel__content {
transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out;
} }