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

8
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;
.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;
@media screen and (max-width: 1024px) {
span {
@apply sr-only;
}
@apply sr-only lg:not-sr-only;
}
/* @media screen and (max-width: 1024px) {
} */
/* @media screen and (max-width: 1024px) {
border-bottom: none;
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;
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;
@apply flex items-center gap-2;
.icon {
@ -15,7 +15,7 @@
}
}
button#mobile-open-toggle {
@apply lg:hidden ml-auto !opacity-100;
@apply ml-auto !opacity-100;
.icon {
transition: transform 0.3s ease-in-out;
@apply h-10 w-10;
@ -58,8 +58,8 @@
text-decoration-thickness: 1px;
}
@media (max-width: 960px) {
@apply bg-carhop-green-700 relative z-50;
@media (max-width: 1024px) {
@apply bg-red-700 relative z-50;
.index-panel__header {
border-bottom: 0.25px solid rgba(255, 255, 255, 0.4);
@ -84,6 +84,9 @@
}
@media (max-width: 1024px) {
button#mobile-open-toggle {
display: block !important;
}
.index-panel__content {
transition: height 0.3s ease-in-out;
}