-
Notifications
You must be signed in to change notification settings - Fork 9
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Admin: Log out page styled #2397
Conversation
861ed7d
to
183f2ff
Compare
<div class="d-flex justify-content-center w-100 bg-primary"> | ||
<img class="my-3" src="{% static "img/logo-lg.svg" %}" width="220" height="50" alt="California Integrated Travel Project: Benefits logo (large)" /> | ||
</div> | ||
|
||
<div id="site-name"> | ||
<h1 class="text-center text-white fs-3 py-3 m-0">Administrator</h1> | ||
</div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is the same exact code as https://github.com/cal-itp/benefits/blob/main/benefits/templates/admin/login.html#L21-L29 so I could turn it into an includes
... but I didn't think we'd re-use this a third time, so I opted not to.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Yep, I can't see where we would re-use it since it's specific to the log in and log out pages.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It looks really nice!
<div class="d-flex justify-content-center w-100 bg-primary"> | ||
<img class="my-3" src="{% static "img/logo-lg.svg" %}" width="220" height="50" alt="California Integrated Travel Project: Benefits logo (large)" /> | ||
</div> | ||
|
||
<div id="site-name"> | ||
<h1 class="text-center text-white fs-3 py-3 m-0">Administrator</h1> | ||
</div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Yep, I can't see where we would re-use it since it's specific to the log in and log out pages.
{% block content %} | ||
|
||
<div id="content-main"> | ||
<p class="text-center mt-4">You have logged out successfully.</p> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Just noticed that we have You've logged out successfully.
in Miro but since we don't have a strict copy I think it's ok.
closes #2359
This PR creates a template,
logged_out.html
, which extendsagency-base
to get Bootstrap and Button styles, and combines code from:login
class to the body element) brings in default Django login page styles0 WCAG AA issues.