<Router history={this.props.history}>
<Switch>
<Route exact path="/" name="Home" component={Index} />
<Route path="/colors" component={Palette} />
<Route path="/icons" component={Icons} />
<Route path="/forms" component={Forms} />
<Route path="/other" component={Other} />
<Route strict path="/dashboard" component={Dashboard} />
</Switch>
</Router>render() {
return (
<div className="DashboardComponent">
// ...
<Switch>
<Route exact path="/dashboard/my-account" component={MyAccount} />
<Route exact path="/dashboard/service-request" component={ServiceRequest} />
<Route exact path="/dashboard/payments" component={Payments} />
<Route exact path="/dashboard/settings" component={Settings} />
<Redirect to="/dashboard/my-account" />
</Switch>
</div>
)
}$('.what').click(function () {
$(this).closest('.box-info-game').fadeToggle("slow");
});.circle{
position: relative;
}.circle .circle-block p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}<?php
function print_inline_js() {
?>
<script type="text/javascript">
jQuery(document).ready(function($){
$.get("<?php echo get_template_directory_uri(); ?>/cache_images.php");
});
</script>
<?php
}
add_action( 'wp_footer', 'print_inline_js' );<?php
class Cache_images {
public function cache_images() {
// прерывание запроса
fastcgi_finish_request();
// Далее код получения, уменьшения, сохранения изображений на мой сервер, который никак не отражается на ожидании конечного пользователя
}
$instance = new Cache_images();
$instance->cache_images();<header> вообще никакой фон не добавляется (в т.ч. на десктопах)<header id="masthead" class="site-header" style="background-image: url();background-position: center; " role="banner">
...
</header><body>body.custom-background {
background-image: url(http:\/\/www.xn----ftbdbyd3b0cg4c.xn--p1ai\/wp-content\/uploads\/2016\/12\/1099364.jpg);
background-position: center center;
background-size: auto;
background-repeat: no-repeat;
background-attachment: fixed;
}<body>) ( у которого высота на мобильном устройстве 5000 - 6000px), размер указан auto, что примерно равно ширине экрана, а высота фона пропорциональна и сам фон не повторяется, то он позиционируется где-то посередине (2500 - 3000px) не видимой для нас области. div {
position: relative;
width: 100%;
background: ...........;
background-size: cover;
}
div::after {
content:'';
padding-bottom: 56.25%; // соотношение сторон 16:9
display: inline-block;
}<body> или перед </body>, т.к. оверлей блок появляется именно там. На структуру сайта в целом это не повлияет, т.к. оба имеют position: fixed. А вот "магию" увидите, лишь правильно расположив блоки. <meta name="viewport" content="width=device-width, initial-scale=1.0">angular.module('myApp')
.directive('textareaHeight', [
'$timeout',
function ($timeout) {
return {
restrict: 'EA',
require: 'ngModel',
scope: {
desc: '=ngModel'
},
template: '<textarea textarea-height class="form-control" placeholder="Description" ng-model="desc" style="overflow:hidden;"></textarea>' +
'<div class="form-control textarea" style="min-height:26px;height:auto;position:absolute;opacity:0;">{{desc}}</div>',
link: function postLink(scope, element, attrs, ngModel) {
var me = this,
textarea = angular.element(element[0]),
textareaWidth = textarea.outerWidth(),
nextElement = angular.element(element).next();
function textareaHeight() {
nextElement.css('width', textareaWidth).css('word-wrap', 'break-word');
angular.element(element[0]).css('height', nextElement.outerHeight() + 2).css('transition', 'height 200ms ease')
}
$timeout(function () {
textareaHeight();
}, 1);
element.bind('input propertychange', function () {
textareaHeight();
});
}
};
}]);<div class="col-sm-11 col-sm-offset-1 p-tb-sm"> <!-- имена классов актуальны для моего шаблона -->
<textarea-height ng-model="ControllerName.modelName"></textarea-height>
</div>