app/assets/stylesheets/components/page-footer.scss

.page-footer {

  margin-bottom: 30px;

  &-back-link {
    @include button($grey-1);
    display: inline-block;
    margin-left: 10px;
  }

  &-delete-link {

    line-height: 40px;
    padding: 1px 0 0 15px;

    a {

      &:visited,
      &:link {
        color: $error-colour;
        display: inline-block;
        vertical-align: center;
      }

      &:hover,
      &:active {
        color: $mellow-red;
      }

    }

  }

  &-secondary-link {
    display: block;
    margin-top: $gutter;
  }

  .button-destructive {
    @include button($error-colour);
    padding: 0.52632em 0.78947em 0.26316em 0.78947em;
  }

}
Rename `submit_form` component to `page_footer` Submit form was - a confusing name in itself - not descriptive, because it also has an optional ‘back’ link This commit also puts this component in as many pages as possible, stripping out any hard-coded buttons and links. It replaces any usage of buttons for ‘back’, because these are links, not buttons (ie they don’t change any data). 2016-01-07 20:11:22 +00:00			`.page-footer {`
Add 'back' button 2015-12-11 07:57:35 +00:00
Validate CSVs fully This commit extends the existing function to validate each row’s phone number to also validate that all the required data is present. It does this using the checking that the `Template` class can do when given a template and a `dict` of values. 2016-02-17 15:49:07 +00:00			`margin-bottom: 30px;`
Simplify check and send SMS page This commit: - removes the row numbering so it’s easier to scan the list of phone numbers - adds subheadings for 'first three' and 'last three' - puts the 'see all' link at the end 2015-12-11 17:25:04 +00:00
			`&-back-link {`
Updates to send and check SMS pages Adds a back button instead of a back link (more prominent, you’re likely to go back on these pages if you’ve made a mistake) Tweaks to wording 2016-02-03 15:24:50 +00:00			`@include button($grey-1);`
			`display: inline-block;`
			`margin-left: 10px;`
Add 'back' button 2015-12-11 07:57:35 +00:00			`}`

Add link to delete a template This is a link not a button because: - it’s less prominent—delete is an infrequent action - it’s a two-step process, and only the second part changes any data (so it has a button) 2016-01-14 09:44:06 +00:00			`&-delete-link {`

			`line-height: 40px;`
Fix users page for research For the lab sessions, users should just see themselves as the only user, not all the fake users (it might confuse them). 2016-02-22 12:07:09 +00:00			`padding: 1px 0 0 15px;`
Add link to delete a template This is a link not a button because: - it’s less prominent—delete is an infrequent action - it’s a two-step process, and only the second part changes any data (so it has a button) 2016-01-14 09:44:06 +00:00
Fix problems found by SASS Lint 2016-02-08 11:11:55 +00:00			`a {`

			`&:visited,`
			`&:link {`
			`color: $error-colour;`
			`display: inline-block;`
			`vertical-align: center;`
			`}`

			`&:hover,`
			`&:active {`
			`color: $mellow-red;`
			`}`
Add link to delete a template This is a link not a button because: - it’s less prominent—delete is an infrequent action - it’s a two-step process, and only the second part changes any data (so it has a button) 2016-01-14 09:44:06 +00:00
			`}`

			`}`

Add secondary link pattern to page footer This commit brings back the ‘link under the green button’ bit of the page footer component. Previous it had been changed to be a grey button. But there are use cases for both, maybe even simultaneously. 2016-02-05 09:55:27 +00:00			`&-secondary-link {`
			`display: block;`
			`margin-top: $gutter;`
			`}`
Add link to delete a template This is a link not a button because: - it’s less prominent—delete is an infrequent action - it’s a two-step process, and only the second part changes any data (so it has a button) 2016-01-14 09:44:06 +00:00
Add pages for ‘service settings’ flow Adds the pages and wires them together, so that it’s possible to click through them. The wording is not quite English, but attempts to be an rough description of what the consequences are for each of the four actions. 2016-01-07 12:29:56 +00:00			`.button-destructive {`
Add confirm loop For pages where - we want you to be sure that you want to do what you’re about to do - we want to be sure it’s you trying to do the thing This adds a page that asks the user to confirm their password. 2016-01-07 16:24:43 +00:00			`@include button($error-colour);`
			`padding: 0.52632em 0.78947em 0.26316em 0.78947em;`
Add pages for ‘service settings’ flow Adds the pages and wires them together, so that it’s possible to click through them. The wording is not quite English, but attempts to be an rough description of what the consequences are for each of the four actions. 2016-01-07 12:29:56 +00:00			`}`

Add 'back' button 2015-12-11 07:57:35 +00:00			`}`