app/assets/stylesheets/views/edit-template.scss

.placeholder-hint {

  display: block;

  &-title {
    @include bold-19;
  }

  &-action {

    @include bold-19;
    display: inline-block;
    text-decoration: underline;
    cursor: pointer;

    &:active {
      background: $yellow-25;
      outline: none;
    }

  }
  
}
Enhance the ‘how to do placeholders’ hint This commit makes the ‘how to do placeholders’ box part of the tour, with the same blue background. It also adds some Javascript enhancement so that: - it responds to the contents of the message template - has a ‘show me’ link which inserts ‘Dear ((name))’ into the template contents textbox We’ve found that this has helped people understnad what placeholders are, and how to do them. 2016-03-30 11:39:16 +01:00			`.placeholder-hint {`
Add a hint about how to use placeholders Since placeholders (almost) work now, it’s worth telling people what the syntax is. This commit also removes the ‘template type’ picker, since you can only create SMS templates at the moment. This will be revisited when we start looking at how you add an email template. 2016-02-18 07:44:50 +00:00
Enhance the ‘how to do placeholders’ hint This commit makes the ‘how to do placeholders’ box part of the tour, with the same blue background. It also adds some Javascript enhancement so that: - it responds to the contents of the message template - has a ‘show me’ link which inserts ‘Dear ((name))’ into the template contents textbox We’ve found that this has helped people understnad what placeholders are, and how to do them. 2016-03-30 11:39:16 +01:00			`display: block;`

			`&-title {`
			`@include bold-19;`
Add a hint about how to use placeholders Since placeholders (almost) work now, it’s worth telling people what the syntax is. This commit also removes the ‘template type’ picker, since you can only create SMS templates at the moment. This will be revisited when we start looking at how you add an email template. 2016-02-18 07:44:50 +00:00			`}`

Enhance the ‘how to do placeholders’ hint This commit makes the ‘how to do placeholders’ box part of the tour, with the same blue background. It also adds some Javascript enhancement so that: - it responds to the contents of the message template - has a ‘show me’ link which inserts ‘Dear ((name))’ into the template contents textbox We’ve found that this has helped people understnad what placeholders are, and how to do them. 2016-03-30 11:39:16 +01:00			`&-action {`

			`@include bold-19;`
			`display: inline-block;`
			`text-decoration: underline;`
			`cursor: pointer;`

			`&:active {`
			`background: $yellow-25;`
			`outline: none;`
			`}`

			`}`

Add a hint about how to use placeholders Since placeholders (almost) work now, it’s worth telling people what the syntax is. This commit also removes the ‘template type’ picker, since you can only create SMS templates at the moment. This will be revisited when we start looking at how you add an email template. 2016-02-18 07:44:50 +00:00			`}`