Files
notifications-admin/app/assets/stylesheets/components/sms-message.scss
Chris Hill-Scott c81b8c39f6 Add view for a single template
> At the moment, we have an all email templates page, and an edit an
> individual page.
>
> This gets messy when we refer to templates like the dashboard and the
> activity views. We solve this currently by using anchor links to the
> list page, but this is clunky.
>
> So lets add it, then update the links on the dash and activity to the
> new view page.
>
> Should be a link from the view a single template page, to the template
> hub page.

https://www.pivotaltracker.com/story/show/117349227
2016-04-13 13:41:53 +01:00

77 lines
1.1 KiB
SCSS

%sms-message-wrapper,
.sms-message-wrapper {
width: 100%;
box-sizing: border-box;
padding: $gutter-half;
background: $panel-colour;
border: 1px solid $panel-colour;
border-radius: 5px;
white-space: normal;
margin: 0 0 $gutter 0;
clear: both;
p {
margin: 0;
}
p + p {
margin-top: 20px;
}
}
.sms-message-wrapper-with-radio {
@extend %sms-message-wrapper;
padding-left: 45px;
cursor: pointer;
}
.sms-message-recipient {
@include copy-19;
color: $secondary-text-colour;
margin: -20px 0 $gutter 0;
}
.sms-message-name {
@include bold-24;
margin: 20px 0 10px 0;
}
.sms-message-picker {
display: block;
margin: 7px 0 0 0;
position: absolute;
left: 15px;
top: 50%;
z-index: 50;
}
%sms-message-use-links,
.sms-message-use-links {
@include copy-19;
a {
display: block;
margin-bottom: 5px;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
.sms-message-use-links-with-title {
@extend %sms-message-use-links;
margin-top: 52px;
}
.sms-message-from {
@include bold-19;
display: block;
}