diff --git a/resources/css/components/article-revues-toolbar.css b/resources/css/components/article-revues-toolbar.css index 3c3c5b0..5894559 100644 --- a/resources/css/components/article-revues-toolbar.css +++ b/resources/css/components/article-revues-toolbar.css @@ -68,81 +68,31 @@ @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( - #listen-article[data-reading-status='playing'], - #listen-article[data-reading-status='paused'] - ) { + #listen-article[data-reading-status='playing'], + #listen-article[data-reading-status='paused'] + ) { #stop-reading { @apply flex; } } } - .toolbar-actions { + /* .toolbar-actions { @apply flex items-center gap-3 ml-auto; @media screen and (max-width: 1024px) { @apply absolute left-0 translate-y-full; bottom: -20px; } - } + } */ } body:has( - .content-wrapper[data-active-tab='authors'], - .content-wrapper[data-active-tab='references'], - .content-wrapper[data-active-tab='table-of-contents'], - .content-wrapper[data-active-tab='informations'] - ) { + .content-wrapper[data-active-tab='authors'], + .content-wrapper[data-active-tab='references'], + .content-wrapper[data-active-tab='table-of-contents'], + .content-wrapper[data-active-tab='informations'] +) { @media screen and (max-width: 1024px) { #article-toolbar { @apply mb-0;