zydronium/manage.get.gov
1
0
Fork 0
mirror of https://github.com/cisagov/manage.get.gov.git synced 2025-08-14 21:44:08 +02:00
Code Issues Projects Releases Packages Wiki Activity

layout and CSS for the back to manage domains button

Browse source
This commit is contained in:
Rachid Mrad 2023-12-04 15:28:31 -05:00
parent f5edd64c92
commit b0d95be7a2
No known key found for this signature in database
GPG key ID: EF38E4CEC4A8F3CF
5 changed files with 32 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/registrar/assets/sass/_theme/_base.scss
View file

@ -38,10 +38,6 @@ body {
color: color('primary-darker'); color: color('primary-darker');
} }
.usa-nav__primary {
margin-top: units(1);
}
.section--outlined { .section--outlined {
background-color: color('white'); background-color: color('white');
border: 1px solid color('base-lighter'); border: 1px solid color('base-lighter');

11
src/registrar/assets/sass/_theme/_buttons.scss
View file

@ -8,6 +8,17 @@ a[href$="todo"]::after {
font-style: italic; font-style: italic;
} }
a.manage_domain_back {
// Slight vertical and horizontal alignment fixes
position: relative;
top: -2px;
left: -5px;
font-weight: bold;
&:visited {
color: color('primary');
}
}
a.breadcrumb__back { a.breadcrumb__back {
display:flex; display:flex;
align-items: center; align-items: center;

9
src/registrar/assets/sass/_theme/_nav-primary.scss Normal file
View file

@ -0,0 +1,9 @@
@use "uswds-core" as *;
.usa-nav__primary {
margin-top: units(1);
}
.usa-logo-group {
flex: 1 1 0%;
}

1
src/registrar/assets/sass/_theme/styles.scss
View file

@ -9,6 +9,7 @@
/*-------------------------------------------------- /*--------------------------------------------------
--- Custom Styles ---------------------------------*/ --- Custom Styles ---------------------------------*/
@forward "base"; @forward "base";
@forward "nav-primary";
@forward "typography"; @forward "typography";
@forward "buttons"; @forward "buttons";
@forward "forms"; @forward "forms";

25
src/registrar/templates/base.html
View file

@ -144,23 +144,18 @@
<header class="usa-header usa-header-basic"> <header class="usa-header usa-header-basic">
<div class="usa-nav-container"> <div class="usa-nav-container">
<div class="usa-navbar"> <div class="usa-navbar">
{% block logo %} <div class="usa-logo-group">
<div class="usa-logo" id="extended-logo"> {% block logo %}
<strong class="usa-logo__text" > <div class="usa-logo display-inline-block" id="extended-logo">
<a href="{% url 'home' %}"> .gov </a> <strong class="usa-logo__text" >
</strong> <a href="{% url 'home' %}"> .gov </a>
</div> </strong>
</div>
<a href="{% url 'home' %}" class="breadcrumb__back"> {% endblock %}
<strong class="display-flex"> <a class="margin-left-3 manage_domain_back" href="{% url 'home' %}">
Manage your domains Manage your domains
</strong>
</a> </a>
</div>
{% endblock %}
<button type="button" class="usa-menu-btn">Menu</button> <button type="button" class="usa-menu-btn">Menu</button>
</div> </div>
{% block usa_nav %} {% block usa_nav %}