Remove custom add to campaign styles and make them more reusable

This commit is contained in:
Paul Clarke 2016-09-30 10:02:26 +13:00
parent 7663102ef1
commit 32383114ce

View File

@ -1943,88 +1943,6 @@ body.cms-dialog {
}
}
/** --------------------------------------------
* Add to campaign dialog
* -------------------------------------------- */
.add-to-campaign__dialog {
overflow: hidden;
padding: 12px 16px;
margin: 0;
border: 0;
min-height: 150px;
/* no max-height due to overflow: hidden */
.chosen-results > li {
padding: $spacer-y/1.5 $spacer-x;
}
.disabled-result {
font-style: italic;
&::after {
font-style: normal;
content: "Already contains item";
color: $color-text-blue-link;
margin-left: $spacer-x;
float: right;
}
}
@keyframes add-to-campaign--slideup {
from {
bottom: -100%
}
to {
bottom: 0
}
}
.add-to-campaign__response {
position: absolute;
bottom: 0;
height: 100%;
left: 0;
width: 100%;
animation:add-to-campaign--slideup 2s 1;
background: $white;
display: block;
z-index: 1;
}
.response-wrapper {
display: table;
height: 100%;
width: 100%;
span {
display: table-cell;
text-align: center;
vertical-align: middle;
padding-bottom: $spacer-y;
&::before {
font-size: 48px;
line-height: 40px;
display: block;
padding-bottom: $spacer-y;
}
}
}
.add-to-campaign__response--good {
span::before {
content: "";
color: $brand-success;
}
}
.add-to-campaign__response--error span::before {
/* This is a sad face emoticon. Some fonts don't carry it. @todo: replace or test in all browsers */
content: "";
color: $brand-danger;
}
}
/** --------------------------------------------
@ -2130,7 +2048,7 @@ form.small {
label {
padding-left: 2px;
}
}
}
.fieldgroup .fieldgroup-field {