app/assets/stylesheets/app.scss

// Extra CSS overlaying elements

#global-header-bar {
  background-color: $red;
}

#global-header #logo {
  white-space: nowrap;
  font-size: 27px;
  line-height: 32px;

  img {
    padding-right: 8px;
  }

}

@include media(desktop) {

  #proposition-menu {
    float: right;
  }

  #global-header .header-proposition #proposition-links li {
    padding: 0 0 0 15px;
  }

}

a:visited {
  color: $link-colour;
}

.form-control-5em {
  width: 100%;

  @include media(tablet) {
    width: 5em;
  }
}

.column-main {

  > .heading-large {
    margin-top: $gutter;
  }

}
Create base forms for registration and sign in Created routes and forms for registration, sign in, and registration from an invite. Also tidied up assets folder, removed copy of fronted toolkit. 2015-11-25 16:21:28 +00:00			`// Extra CSS overlaying elements`

Make the header bar red Red for admin is a good reckon. 2016-02-01 11:59:45 +00:00			`#global-header-bar {`
			`background-color: $red;`
			`}`

Adding beta phase banner 2015-12-03 16:01:00 +00:00			`#global-header #logo {`
Tidy up navigation code - use SASS variables for colours and spacing - make navigation an include not a macro (because it doesn’t take any parameters) 2015-12-17 10:28:15 +00:00			`white-space: nowrap;`
Make ‘GOV.UK Notify’ less shouty ‘GOV.UK’ in the template is set in 30px type to line up perfectly with the crown. When adding more text, it looks too big. This commit reduces the type size to 27px (which is still a core type size) and tweaks the spacing so that things still look nice/aligned. 2016-02-01 11:54:10 +00:00			`font-size: 27px;`
			`line-height: 32px;`

			`img {`
			`padding-right: 8px;`
			`}`

Trialling 1/4 width nav 2015-12-15 13:48:23 +00:00			`}`
Initial nav & implementation on dashboard 2015-12-14 16:37:15 +00:00
Move service and user nav to proposition header This commit moves user-related navigation into the proposition header (the black bar) at the top of the site. It adds some custom SASS to override GOV.UK template and align these navigation items to the right (because it looks better). It then removes the service chooser dropdown (and its associated SASS and JS) in favour of a link alongside the user-related navigation items. ‘Switch service’ is the best language for this that we’ve come up with so far. This means that the only way of adding a new service is from the `/services` page. So this commit removes the redirect if you land on this page with only one service (else it would prevent you from ever being able to add more). 2016-02-01 11:26:38 +00:00			`@include media(desktop) {`

			`#proposition-menu {`
			`float: right;`
			`}`

			`#global-header .header-proposition #proposition-links li {`
			`padding: 0 0 0 15px;`
			`}`

			`}`

Initial nav & implementation on dashboard 2015-12-14 16:37:15 +00:00			`a:visited {`
Tidy up navigation code - use SASS variables for colours and spacing - make navigation an include not a macro (because it doesn’t take any parameters) 2015-12-17 10:28:15 +00:00			`color: $link-colour;`
Use a Node-based tools for handling assets …or how to move a bunch of things from a bunch of different places into `app/static`. There are three main reasons not to use Flask Assets: - It had some strange behaviour like only - It was based on Ruby SASS, which is slower to get new features than libsass, and meant depending on Ruby, and having the SASS Gem globally installed—so you’re already out of being a ‘pure’ Python app - Martyn and I have experience of doing it this way on Marketplace, and we’ve ironed out the initial rough patches The specific technologies this introduces, all of which are Node-based: - Gulp – like a Makefile written in Javascript - NPM – package management, used for managing Gulp and its related dependencies - Bower – also package management, and the only way I can think to have GOV.UK template as a proper dependency …speaking of which, GOV.UK template is now a dependency. This means it can’t be modified at all (eg to add a global `#content` wrapper), so every page now inherits from a template that has this wrapper. But it also means that we have a clean upgrade path when the template is modified. Everything else (toolkit, elements) I’ve kept as submodules but moved them to a more logical place (`app/assets` not `app/assets/stylesheets`, because they contain more than just SASS/CSS). 2015-12-15 08:20:25 +00:00			`}`
Allow textboxes to have width set, default to 2/3 For entering 2 or 3fa codes, we want a textbox that’s just over 6 characters wide. To do this, a width can now be passed to the textbox macro. The possible widths are the same as those provided by GOV.UK Elements, and in the same format (eg 1-4, 1-2, 2-3…) This commit also adds a new width (5em) which is suitable for 3fa codes, and adds it to the verify page. 2016-02-02 15:31:11 +00:00
			`.form-control-5em {`
			`width: 100%;`

			`@include media(tablet) {`
			`width: 5em;`
			`}`
			`}`
Fix spacing of first page headers This commit customises the margins of the first header on each page so that it lines up with the navigation. 2016-02-03 15:49:28 +00:00
			`.column-main {`

			`> .heading-large {`
			`margin-top: $gutter;`
			`}`

			`}`