diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-01-10 18:17:40 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-01-11 02:24:44 +0100 |
| commit | 6315efacd6212a347877102a68f430fffa4ca4ac (patch) | |
| tree | b067fb4a1855f881b15e4e11ee161dda778150f9 /src/components/Widget | |
| parent | cd1078e3a6ddb1b1598723beec4905c123ee85a6 (diff) | |
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.
Diffstat (limited to 'src/components/Widget')
| -rw-r--r-- | src/components/Widget/Sharing/Sharing.module.scss | 11 |
1 files changed, 6 insertions, 5 deletions
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 { |