openvibers/openvibe.network Commits

openvibe.my's sign-in card: buttons look like buttons (#696)

OP OpenVibers committed 4 days ago · b3442f76a9 · 2 files, +2 −1

Signed out on openvibe.my, "Sign in with OpenVibe" was a blue button with underlined text, and "Sign out
everywhere" beside it read as a stray underlined link. .btn no longer underlines a link drawn as a button, and
Sign out everywhere is an outline button, the second way.

Changes

ddiff --git a/public/css/my.css b/public/css/my.css
iindex 322849b9..ff6cbf89 100644
---- a/public/css/my.css
++++ b/public/css/my.css
@@@ -98,6 +98,7 @@ body{min-height:100%;color:var(--text);font-family:'Inter',-apple-system,BlinkMa
  
  .btn{
      padding:8px 20px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all var(--ov-dur-2, .15s);
++    text-decoration:none;   /* a link drawn as a button (the signed-out card's Sign in) is not underlined */
  }
  .btn-primary{background:var(--accent-strong, var(--accent, #3472d8));color:var(--on-accent-strong, var(--on-accent,#fff))}
  .btn-primary:hover{background:var(--accent-dark)}
ddiff --git a/public/js/my/profile.js b/public/js/my/profile.js
iindex 4ca8d157..37d08842 100644
---- a/public/js/my/profile.js
++++ b/public/js/my/profile.js
@@@ -61,7 +61,7 @@ function showSignedOutHub() {
      signIn.setAttribute('href', signIn.href);
      signIn.textContent = 'Sign in with OpenVibe';
      const everywhere = document.createElement('a');
--    everywhere.className = 'btn';
++    everywhere.className = 'btn btn-outline';   // the second way, drawn as one (it read as a stray underlined link)
      everywhere.href = 'https://openvibe.network/sso/fanout?action=logout&next=' + encodeURIComponent('https://openvibe.my/?sso=none');
      everywhere.setAttribute('href', everywhere.href);
      everywhere.textContent = 'Sign out everywhere';