From 6315efacd6212a347877102a68f430fffa4ca4ac Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Mon, 10 Jan 2022 18:17:40 +0100 Subject: refactor(sidebar): use a component to avoid styles repetition I also fix some overflow/sticky issues. I have to set overflow auto only when there is no button-like links otherwise, with translate, the button is cropped on hover. --- src/components/Widget/Sharing/Sharing.module.scss | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) (limited to 'src/components/Widget/Sharing/Sharing.module.scss') diff --git a/src/components/Widget/Sharing/Sharing.module.scss b/src/components/Widget/Sharing/Sharing.module.scss index a1ba094..7ecb5ff 100644 --- a/src/components/Widget/Sharing/Sharing.module.scss +++ b/src/components/Widget/Sharing/Sharing.module.scss @@ -3,12 +3,13 @@ @use "@styles/abstracts/placeholders"; .wrapper { - width: min-content; - max-height: 100vh; padding-bottom: var(--spacing-sm); - position: sticky; - top: 0; - overflow-y: auto; + + @include mix.media("screen") { + @include mix.dimensions("md") { + width: min-content; + } + } } .list { -- cgit v1.2.3