Skip to content

Per 10036 swap out sign in image#528

Merged
meisekimiu merged 7 commits intomainfrom
PER-10036-swap-out-sign-in-image
Feb 11, 2025
Merged

Per 10036 swap out sign in image#528
meisekimiu merged 7 commits intomainfrom
PER-10036-swap-out-sign-in-image

Conversation

@crisnicandrei
Copy link
Contributor

No description provided.

@codecov
Copy link

codecov bot commented Feb 6, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 43.77%. Comparing base (efd4f2a) to head (19aa0da).
Report is 8 commits behind head on main.

Additional details and impacted files
@@            Coverage Diff             @@
##             main     #528      +/-   ##
==========================================
- Coverage   43.79%   43.77%   -0.03%     
==========================================
  Files         366      366              
  Lines       11215    11215              
  Branches     1841     1841              
==========================================
- Hits         4912     4909       -3     
- Misses       6138     6142       +4     
+ Partials      165      164       -1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Copy link
Contributor

@meisekimiu meisekimiu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Left some code style comments, though I'll preemptively approve this so that we can get the experience team looking at this.

.image {
position: relative;
height: 100%;
background: url('../../../../assets/img/sign_in_image.png');
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can you give this a bit of a clearer name like legacy_lab_sign_in_image.png? Just so it's easier to track and understand its purpose without opening the file.

Legacy Lab, a free four-week course where you'll create a lasting
archive and learn through:
</p>
<ul class="list">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In theory we don't need some of these classes, right? There's only one kind of list that will ever show up in .legacy-lab-container. I think some of these classes are fine (such as start-date which conveys more semantic meaning about what the text is doing) but the ul tag is always going to represent a list so I feel like representing that in the classname is a bit redundant. Same for list-item on the li tags.

@meisekimiu meisekimiu requested a review from k8lyn6 February 7, 2025 16:06
@k8lyn6 k8lyn6 requested a review from yeslikesolo February 7, 2025 16:07
@meisekimiu
Copy link
Contributor

@yeslikesolo and I met to go over some adjustments to this page that we wanted to make and I applied them to this branch! Note that we can now remove the legacy-lab class from some of the HTML to help revert styles easier and swap back to this if needed without deleting the CSS.

@meisekimiu meisekimiu force-pushed the PER-10036-swap-out-sign-in-image branch from 472bdf8 to fdf6ab5 Compare February 11, 2025 22:45
Copy link
Collaborator

@yeslikesolo yeslikesolo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

WOOT WOOT! Looks great

@meisekimiu
Copy link
Contributor

I'm going to rebase and merge this so that it can go out in a deployment this week, regardless of when the deployment happens.

crisnicandrei and others added 7 commits February 11, 2025 16:00
Swap the sign in and register image for a temporarly new one.
Update text formatting in the Legacy Lab promotion on the sign in/sign up
screen. This includes reducing font sizes and converting them to `rem`
units, adjusting margins, using standard bullet points, and color
adjustments.

Co-authored-by: Han Pham <han@permanent.org>
Update CSS and HTML for the auth screens to adjust how the background is
displayed for the Legacy Lab promo. Change out the background image as
well. This background uses a slicing technique to extend the vertical
stripes of the image without repeating the legacy lab circle[1].

Also use classes to isolate legacy lab specific background changes from
the defaults we want to use for normal images. That way, we can just
remove the references to classes in HTML without having to revert the
CSS back.

[1]: https://en.wikipedia.org/wiki/9-slice_scaling

Co-authored-by: Han Pham <han@permanent.org>
@meisekimiu meisekimiu force-pushed the PER-10036-swap-out-sign-in-image branch from fdf6ab5 to 19aa0da Compare February 11, 2025 23:00
@meisekimiu meisekimiu merged commit 6555a92 into main Feb 11, 2025
2 checks passed
@meisekimiu meisekimiu deleted the PER-10036-swap-out-sign-in-image branch February 11, 2025 23:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants