From ed67866930a253a6c28e19bfcc3349e8cb28bf6c Mon Sep 17 00:00:00 2001 From: alexisben <alex@noesya.coop> Date: Mon, 20 May 2024 23:18:32 +0200 Subject: [PATCH] cleanup button --- assets/sass/_theme/design-system/button.sass | 7 +++---- assets/sass/_theme/sections/diplomas.sass | 1 - assets/sass/_theme/sections/projects.sass | 7 +++++-- layouts/partials/programs/essential.html | 2 +- layouts/partials/projects/project-infos.html | 2 +- 5 files changed, 10 insertions(+), 9 deletions(-) diff --git a/assets/sass/_theme/design-system/button.sass b/assets/sass/_theme/design-system/button.sass index 4fb37081..ae753fa5 100644 --- a/assets/sass/_theme/design-system/button.sass +++ b/assets/sass/_theme/design-system/button.sass @@ -81,10 +81,9 @@ a.btn[target="_blank"] --btn-min-width: #{pxToRem(140)} position: relative button + @extend .btn @include button-icon(social-inline) - @include media-breakpoint-down(md) - button, > a - width: columns(6) + width: 100% .dropdown-menu background: var(--btn-hover-background) border: var(--btn-border) @@ -106,4 +105,4 @@ a.btn[target="_blank"] display: block color: var(--btn-hover-color) &:hover - color: var(--color-accent) + color: var(--color-accent) \ No newline at end of file diff --git a/assets/sass/_theme/sections/diplomas.sass b/assets/sass/_theme/sections/diplomas.sass index d50e2b86..99d299c9 100644 --- a/assets/sass/_theme/sections/diplomas.sass +++ b/assets/sass/_theme/sections/diplomas.sass @@ -124,7 +124,6 @@ ul.diplomas button, > a width: 100% @include media-breakpoint-down(md) - --btn-min-width: #{pxToRem(140)} gap: $spacing-3 flex-direction: row button, > a diff --git a/assets/sass/_theme/sections/projects.sass b/assets/sass/_theme/sections/projects.sass index a8205be3..0d1c620f 100644 --- a/assets/sass/_theme/sections/projects.sass +++ b/assets/sass/_theme/sections/projects.sass @@ -39,9 +39,9 @@ display: flex gap: $spacing-3 .dropdown-share - .btn + button margin-top: 0 - + width: columns(6) @include media-breakpoint-up(sm) .hero .project-infos @@ -50,6 +50,9 @@ .hero .project-infos width: columns(6) + .dropdown-share + button + width: columns(2) @include media-breakpoint-up(desktop) .hero .content diff --git a/layouts/partials/programs/essential.html b/layouts/partials/programs/essential.html index 58c4252a..62edc241 100644 --- a/layouts/partials/programs/essential.html +++ b/layouts/partials/programs/essential.html @@ -26,7 +26,7 @@ <div class="buttons"> {{ if site.Params.programs.share_links.enabled | default site.Params.share_links.enabled }} <div class="dropdown-share"> - <button class="btn" type="button" id="shareProgram" aria-expanded="false">{{ i18n "commons.share" }}</button> + <button type="button" id="shareProgram" aria-expanded="false">{{ i18n "commons.share" }}</button> <div class="dropdown-menu"> {{ partial "commons/share.html" . }} </div> diff --git a/layouts/partials/projects/project-infos.html b/layouts/partials/projects/project-infos.html index 86aeec18..40d18674 100644 --- a/layouts/partials/projects/project-infos.html +++ b/layouts/partials/projects/project-infos.html @@ -15,7 +15,7 @@ {{ if site.Params.projects.share_links.enabled | default site.Params.share_links.enabled }} <div class="dropdown-share"> - <button class="btn" type="button" aria-expanded="false">{{ i18n "commons.share" }}</button> + <button type="button" aria-expanded="false">{{ i18n "commons.share" }}</button> <div class="dropdown-menu"> {{ partial "commons/share.html" . }} </div> -- GitLab