mirror of
https://github.com/silverstripe/silverstripe-framework
synced 2024-10-22 14:05:37 +02:00
Remove custom add to campaign styles and make them more reusable
This commit is contained in:
parent
7663102ef1
commit
32383114ce
@ -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 {
|
||||
|
Loading…
Reference in New Issue
Block a user