34 lines
934 B
CSS
34 lines
934 B
CSS
/** FB LWI Ads widget iframe */
|
|
.fb-lwi-ads-creation.fb_iframe_widget,
|
|
.fb-lwi-ads-insights.fb_iframe_widget {
|
|
background: #FFF;
|
|
box-shadow: 0 0 3px rgba( 0, 0, 0, 0.2 );
|
|
color: #050505;
|
|
display: block;
|
|
margin-bottom: 20px;
|
|
width: 1000px;
|
|
}
|
|
|
|
.fb-lwi-ads-insights.fb_iframe_widget span,
|
|
.fb-lwi-ads-insights.fb_iframe_widget iframe {
|
|
width: 1000px !important;
|
|
}
|
|
|
|
/** when the remote content of the LWI Ads widget isn't ready yet, the div doesn't have the .fb_iframe_widget class yet, so we could use this difference to improve the UX during the loading state */
|
|
.fb-lwi-ads-creation,
|
|
.fb-lwi-ads-insights {
|
|
margin-bottom: 0;
|
|
width: 0;
|
|
}
|
|
/** similarly, we can display some text message, which would then persist if the widget fails to load */
|
|
.fb-lwi-ads-creation::after {
|
|
display: block;
|
|
content: attr(data-title);
|
|
width: 1000px;
|
|
}
|
|
.fb-lwi-ads-creation.fb_iframe_widget:after {
|
|
content: none;
|
|
display: none;
|
|
width: 0;
|
|
}
|