darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-08-25 00:33:58 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2750 from alphagov/embiggen-all-the-things

Browse Source 
Embiggen all the things
This commit is contained in:
Chris Hill-Scott
2019-02-13 14:45:57 +00:00
committed by GitHub
parent 0ca48cd1b3 f2604494f0
commit f9f8b6e99c
4 changed files with 116 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/stylesheets/components/navigation.scss
View File

@@ -23,6 +23,10 @@
right: 0; right: 0;
padding: 13px 0 9px 15px; padding: 13px 0 9px 15px;
&:hover {
color: $link-hover-colour;
}
&:focus { &:focus {
outline: none; outline: none;
border-bottom: 4px solid $yellow; border-bottom: 4px solid $yellow;

41
app/assets/stylesheets/components/table.scss
View File

@@ -212,8 +212,49 @@
} }
.table-field-right-aligned { .table-field-right-aligned {
@extend %table-field; @extend %table-field;
text-align: right; text-align: right;
a {
display: block;
position: relative;
&:before {
content: "";
display: block;
position: absolute;
top: -$gutter-half;
right: 0;
bottom: -$gutter-half + 4px;
left: -$gutter-half;
background: transparent;
}
&:hover {
color: $link-hover-colour;
}
&:active,
&:focus {
color: $black;
&:before {
border-color: $yellow;
border-style: solid;
border-width: 15px 3px 15px 15px;
right: -3px;
}
}
}
} }

38
app/assets/stylesheets/components/tick-cross.scss
View File

@@ -57,10 +57,48 @@
} }
&-edit-link { &-edit-link {
text-align: right; text-align: right;
position: absolute; position: absolute;
top: -25px; top: -25px;
right: -135px; right: -135px;
a {
&:before {
content: "";
display: block;
position: absolute;
top: -$gutter-half - 1;
right: 0;
bottom: -$gutter-half;
left: -$gutter-half;
background: transparent;
}
&:hover {
color: $link-hover-colour;
}
&:active,
&:focus {
color: $black;
&:before {
border-color: $yellow;
border-style: solid;
border-width: 15px 3px 15px 15px;
right: -3px;
}
}
}
} }
&-hint { &-hint {

64
app/templates/views/user-profile.html
View File

@@ -10,40 +10,42 @@
<h1 class="heading-large">Your profile</h1> <h1 class="heading-large">Your profile</h1>
{% call mapping_table( <div class="body-copy-table">
caption='Your profile', {% call mapping_table(
field_headings=['Label', 'Value', 'Action'], caption='Your profile',
field_headings_visible=False, field_headings=['Label', 'Value', 'Action'],
caption_visible=False field_headings_visible=False,
) %} caption_visible=False
{% call row() %} ) %}
{{ text_field('Name') }} {% call row() %}
{{ text_field(current_user.name) }} {{ text_field('Name') }}
{{ edit_field('Change', url_for('.user_profile_name')) }} {{ text_field(current_user.name) }}
{% endcall %} {{ edit_field('Change', url_for('.user_profile_name')) }}
{% endcall %}
{% call row() %} {% call row() %}
{{ text_field('Email address') }} {{ text_field('Email address') }}
{{ text_field(current_user.email_address) }} {{ text_field(current_user.email_address) }}
{% if can_see_edit %} {% if can_see_edit %}
{{ edit_field('Change', url_for('.user_profile_email')) }} {{ edit_field('Change', url_for('.user_profile_email')) }}
{% else %} {% else %}
{{ text_field('') }} {{ text_field('') }}
{% endif %} {% endif %}
{% endcall %} {% endcall %}
{% call row() %} {% call row() %}
{{ text_field('Mobile number') }} {{ text_field('Mobile number') }}
{{ optional_text_field(current_user.mobile_number) }} {{ optional_text_field(current_user.mobile_number) }}
{{ edit_field('Change', url_for('.user_profile_mobile_number')) }} {{ edit_field('Change', url_for('.user_profile_mobile_number')) }}
{% endcall %} {% endcall %}
{% call row() %} {% call row() %}
{{ text_field('Password') }} {{ text_field('Password') }}
{{ text_field('Last changed ' + current_user.password_changed_at|format_delta) }} {{ text_field('Last changed ' + current_user.password_changed_at|format_delta) }}
{{ edit_field('Change', url_for('.user_profile_password')) }} {{ edit_field('Change', url_for('.user_profile_password')) }}
{% endcall %} {% endcall %}
{% endcall %} {% endcall %}
</div>
{% endblock %} {% endblock %}