From 36ffcc69b552b3d7f5f24b6800f5c427da1b8fe3 Mon Sep 17 00:00:00 2001 From: gkatrakazas Date: Fri, 6 Sep 2024 13:58:59 +0300 Subject: [PATCH] Improve the selection of vc icons style --- public/styles/consent.css | 10 +++++++--- views/issuer/consent.pug | 6 +++--- 2 files changed, 10 insertions(+), 6 deletions(-) diff --git a/public/styles/consent.css b/public/styles/consent.css index 0400f3a..dfb1281 100644 --- a/public/styles/consent.css +++ b/public/styles/consent.css @@ -142,10 +142,14 @@ section.MainLayout { padding-bottom: 30px; } .is-selected, .is-not-selected { - margin-bottom: 15px; - margin-right: 15px; font-size: 20px; - color: white; + color: var(--primary-color); + background-color: white; + position:absolute; + top:-10px; + right: -10px; + padding: 2px; + border-radius: 20px; } .GetMultiBtn { diff --git a/views/issuer/consent.pug b/views/issuer/consent.pug index fe9779c..f5698d1 100644 --- a/views/issuer/consent.pug +++ b/views/issuer/consent.pug @@ -37,10 +37,10 @@ block layout-content for credential, index in credentialViewList .credential-card input(type="hidden" name="selected_credential_id_list[]" id=`${credential.credential_id}_${index}` value=`${credential.credential_id}` disabled) - a.credential.toggle-card(id=`${credential.credential_id}_${index}` style=`background-image: url(${credential.credential_supported_object.display[0].logo.url});`) + a.credential.toggle-card(id=`${credential.credential_id}_${index}` style=`position:relative; background-image: url(${credential.credential_supported_object.display[0].logo.url});`) if grant_type == "authorization_code" - i.is-selected.fa.fa-check-square-o(aria-hidden="true" style="display: none;") - i.is-not-selected.fa.fa-square-o(aria-hidden="true") + i.is-selected.fa.fa-check-circle-o(aria-hidden="true" style="display: none;") + i.is-not-selected.fa.fa-circle-o(aria-hidden="true") a.toggle-details(id=`${credential.credential_id}_${index}` style="display:inline;") span.show-text | Show Details