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

REFACTOR Refining

Browse Source
This commit is contained in:
Nonimart 2026-02-24 17:33:55 +01:00
parent 789af27cd9
commit 980a494795
1 changed files with 10 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -68,56 +68,6 @@
@apply ml-auto; @apply ml-auto;
} }
#listen-article,
#stop-reading {
@apply rounded-full w-12 h-12 flex items-center justify-center m-0 p-0 transition-all duration-300;
}
#listen-article {
@apply bg-primary text-white;
&:hover {
@apply scale-110;
}
img {
@apply w-6 h-6;
}
&[data-reading-status='playing'] {
/* @apply bg-blue-500; */
@apply bg-white border border-primary;
/* &:hover {
@apply bg-red-500;
} */
#play-reading {
@apply hidden;
}
#pause-reading {
@apply block;
}
}
&[data-reading-status='stopped'] {
#play-reading {
@apply block;
}
#pause-reading {
@apply hidden;
}
}
&[data-reading-status='paused'] {
@apply bg-yellow-500;
#play-reading {
@apply block;
}
#pause-reading {
@apply hidden;
}
}
}
#stop-reading {
@apply bg-primary hidden;
img {
@apply w-4 h-4;
}
}
&:has( &:has(
#listen-article[data-reading-status='playing'], #listen-article[data-reading-status='playing'],
#listen-article[data-reading-status='paused'] #listen-article[data-reading-status='paused']
@ -128,21 +78,21 @@
} }
} }
.toolbar-actions { /* .toolbar-actions {
@apply flex items-center gap-3 ml-auto; @apply flex items-center gap-3 ml-auto;
@media screen and (max-width: 1024px) { @media screen and (max-width: 1024px) {
@apply absolute left-0 translate-y-full; @apply absolute left-0 translate-y-full;
bottom: -20px; bottom: -20px;
} }
} } */
} }
body:has( body:has(
.content-wrapper[data-active-tab='authors'], .content-wrapper[data-active-tab='authors'],
.content-wrapper[data-active-tab='references'], .content-wrapper[data-active-tab='references'],
.content-wrapper[data-active-tab='table-of-contents'], .content-wrapper[data-active-tab='table-of-contents'],
.content-wrapper[data-active-tab='informations'] .content-wrapper[data-active-tab='informations']
) { ) {
@media screen and (max-width: 1024px) { @media screen and (max-width: 1024px) {
#article-toolbar { #article-toolbar {
@apply mb-0; @apply mb-0;