Make submission portal login prompt be more prominent #1188
Conversation
eecavanna
added
scope: client
| <h3 class="text-h6 font-weight-bold mb-3"> | ||
| Login to submit data | ||
| </h3> |
There was a problem hiding this comment.
We shouldn't use the h3 tag then re-assign the style as h6 mainly because I don't think the h3 is necessary here and becomes confusing.
| <h3 class="text-h6 font-weight-bold mb-3"> | ||
| Login to submit data | ||
| </h3> | ||
| <p class="body-1"> | ||
| Login with your ORCID iD | ||
| to access the Submission Portal. | ||
| Login with your ORCID iD to submit data. |
There was a problem hiding this comment.
I think the repetition here is unnecessary and makes the layout a bit awkward
|
Personally I think the grey background is the biggest culprit here and making the text bolder and longer is making the alert a bit awkward. I played around with it a bit and came up with this:
Screencast.from.03-15-2024.08.02.09.PM.webmI think a brighter color and shorter text makes it stand out. What are your thoughts @eecavanna |
|
Hi @marySalvi, I like that purple version. If you still have the code for that, will you post a patch here (copy/pasting it into a # To generate the patch:
git diff web/src/views/SubmissionPortal/Components/LoginPrompt.vue > my-patch.diff.txtEdit: I have the patch on my local machine now (we followed up via Slack). |
In this PR branch, I updated the submission portal login prompt so that it would be more obvious to visitors that they won't be able to submit data unless they login. That was based upon this feedback.
Here's what the updated login prompt looks like:
For comparison, here's what the login prompt looks like today: