app/assets/stylesheets/components/navigation.scss

.navigation {

  padding: 0 $gutter 0 0;

  &-service {

    padding: 11px 0 9px 0;
    border-bottom: 1px solid $border-colour;
    margin: 0 0 10px;
    position: relative;

    &-name {
      @include bold-19;
      margin: 0 0 0 0;
    }

    &-switch {
      @include core-16;
      text-align: right;
      position: absolute;
      top: 0;
      right: 0;
      padding: 13px 0 9px 15px;
    }

  }

  li {
    @include core-19;
    margin: 10px 0 0 0;
    list-style-type: none;
  }

  a {

    &:link,
    &:visited {
      text-decoration: none;
    }

    &:hover {
      color: $link-hover-colour;
      text-decoration: underline;
    }

  }

}
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			`.navigation {`
Initial nav & implementation on dashboard 2015-12-14 16:37:15 +00:00
Refactor navigation SASS Moves the right-padding from being on the container and each element to just being on the container. No visual changes. 2016-06-22 09:33:49 +01:00			`padding: 0 $gutter 0 0;`
Initial nav & implementation on dashboard 2015-12-14 16:37:15 +00:00
Move switch service out of black header Also following the pattern work that Tim and Stephen have done. 2016-11-18 11:18:29 +00:00			`&-service {`

			`padding: 11px 0 9px 0;`
			`border-bottom: 1px solid $border-colour;`
			`margin: 0 0 10px;`
			`position: relative;`

Remove `<h2>` tag around service name in nav The heading structure of most pages is incorrect (`<h2>` followed by `<h1>`). The `<h1>` indicates the main purpose of the page, the service name (currently the first `<h2>`) doesn't need to be a heading. 2017-02-13 10:46:56 +00:00			`&-name {`
Move switch service out of black header Also following the pattern work that Tim and Stephen have done. 2016-11-18 11:18:29 +00:00			`@include bold-19;`
			`margin: 0 0 0 0;`
			`}`

			`&-switch {`
			`@include core-16;`
			`text-align: right;`
			`position: absolute;`
			`top: 0;`
			`right: 0;`
			`padding: 13px 0 9px 15px;`
			`}`

			`}`

Add a ‘dashboard’ link to the navigation It’s been unclear that: - the dashboard exists - that you click the name of the service to get back to it So this commit: - takes the link off the service name - adds a link labelled ‘Dashboard’ to the navigation 2016-06-22 09:28:40 +01:00			`li {`
Various tweaks - remove black border from banner - make banners have internal columns - make nav 2/3rd width, 19px text and more spaced out - only show the ‘restricted mode’ banner where it’s needed - rename ‘restricted mode’ to ‘trial mode’ 2016-02-02 13:38:39 +00:00			`@include core-19;`
Refactor navigation SASS Moves the right-padding from being on the container and each element to just being on the container. No visual changes. 2016-06-22 09:33:49 +01:00			`margin: 10px 0 0 0;`
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			`list-style-type: none;`
Renamed Notification history to View activity Moved View activity under service name No line under h2 Removed Job history from side nav 2016-03-21 17:01:31 +00:00			`}`

Fix problems found by SASS Lint 2016-02-08 11:11:55 +00:00			`a {`

			`&:link,`
			`&:visited {`
			`text-decoration: none;`
			`}`

			`&:hover {`
			`color: $link-hover-colour;`
			`text-decoration: underline;`
			`}`
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
			`}`

			`}`