darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-09 02:23:11 -04:00
Code Issues Packages Projects Releases Wiki Activity

Make navigation column 1/4 width

Browse Source
This commit is contained in:
Chris Hill-Scott
2015-12-17 10:18:31 +00:00
parent fd4c4107ac
commit ab190cb585
3 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/assets/stylesheets/_grids.scss Normal file
View File

@@ -0,0 +1,7 @@
.column-one-quarter {
@include grid-column(1/4);
}
.column-three-quarters {
@include grid-column(3/4);
}

1
app/assets/stylesheets/main.scss
View File

@@ -28,6 +28,7 @@
@import '../govuk_elements/public/sass/elements/tables'; @import '../govuk_elements/public/sass/elements/tables';
// Specific to this application // Specific to this application
@import 'grids';
@import 'components/template-picker'; @import 'components/template-picker';
@import 'components/placeholder'; @import 'components/placeholder';
@import 'components/sms-message'; @import 'components/sms-message';

4
app/templates/withnav_template.html
View File

@@ -3,10 +3,10 @@
{% block fullwidth_content %} {% block fullwidth_content %}
<div class="grid-row"> <div class="grid-row">
<div class="column-third"> <div class="column-one-quarter">
{{ main_nav() }} {{ main_nav() }}
</div> </div>
<div class="column-two-thirds"> <div class="column-three-quarters">
{% block maincolumn_content %}{% endblock %} {% block maincolumn_content %}{% endblock %}
</div> </div>
</div> </div>