我有一个CSS网格布局,我想让一些(中间3)行拉伸到它们的最大尺寸.我可能正在寻找类似于flex-grow: 1Flexbox 的属性,但我似乎无法找到解决方案.
注意:这仅适用于Electron应用程序,因此浏览器兼容性并不是真正的问题.
我有以下CSS网格布局:
.grid {
display: grid;
grid-template-columns: 1fr 1.5fr 1fr;
grid-gap: 10px;
height: calc(100vh - 10px);
}
.grid .box {
background-color: grey;
}
.grid .box:first-child,
.grid .box:last-child {
grid-column-start: 1;
grid-column-end: -1;
}
/* These rows should 'grow' to the max height available. */
.grid .box:nth-child(n+5):nth-child(-n+7) {
grid-column-start: 1;
grid-column-end: -1;
}Run Code Online (Sandbox Code Playgroud)
<div class="grid">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div …Run Code Online (Sandbox Code Playgroud)Magento使用系统翻译模板文件中的文本:
$this->__('text to be translated.');
要么
Mage::helper('modulename')->__('text to be translated.');.
这非常有效.但是当我向javascript文件添加文本时,我无法使用这两种方法.
有没有办法我可以用javascript文件的翻译做类似的事情?
我希望在以下情况下显示通知:
1.发生错误
2.脚本成功执行后
所有通知实际上都在工作,但即使出现错误,也会始终显示成功通知.
如何确保仅在未发生错误时显示成功通知?
这是我目前的任务:
var gulp = require('gulp');
var sass = require('gulp-ruby-sass');
var rename = require('gulp-rename');
var notify = require('gulp-notify');
var plumber = require('gulp-plumber');
var minifycss = require('gulp-minify-css');
var autoprefixer = require('gulp-autoprefixer');
gulp.task('sass', function(){
return gulp.src('assets/scss/global.scss')
.pipe(plumber({errorHandler: notify.onError("Error: <%= error.message %>")}))
.pipe(sass({ style: 'expanded' }))
.pipe(autoprefixer())
.pipe(gulp.dest('assets/css/'))
.pipe(rename({suffix: '.min'}))
.pipe(minifycss())
.pipe(gulp.dest('assets/css/'))
.pipe(notify({
title: 'Gulp',
subtitle: 'success',
message: 'Sass task',
sound: "Pop"
}));
});
gulp.task('watch', function(){
gulp.watch('assets/scss/**/*.scss', ['sass']);
});
gulp.task('default', ['sass', 'watch']);
Run Code Online (Sandbox Code Playgroud) Magento版本2.2.7.
我想用Magento2提供的工具备份系统和数据库.
但是在后端,当我进入系统 - 备份时,我得到了消息
备份功能已禁用
备份功能目前已禁用.请使用其他方式进行备份
我在哪里可以启用它?
我想从管理员中删除特定用户角色的菜单项.我见过其他人通过创建虚拟覆盖来做到这一点,但这些并不基于角色.我想这样做而不使用其中一个.xml文件.有没有办法做到这一点,例如; __construct()或prepareLayout?
编辑:我必须补充一点,我要禁用的部分是CMS中的管理层次结构项.我知道我可以为用户窗口禁用层次结构,但我需要它来保存CMS页面.
在Chrome中运行以下内容始终返回0:
$(window).on('load', function(){
console.log($(window).scrollTop());
});
Run Code Online (Sandbox Code Playgroud)
通过控制台运行相同的命令:
$(window).scrollTop()
Run Code Online (Sandbox Code Playgroud)
返回正确的数字.(即:843)
StackOverflow上有很多关于这个问题的问题,但没有一个给我一个正确的工作答案或替代方案.我不知所措......
我似乎无法清除由GSAP动画设置的图像元素上的样式.
我尝试了各种方法:
$('#element').removeAttr("style");
$('#element').attr('style', '');
$("#element").css({
'-webkit-transform': "",
'-moz-transform': "",
'-o-transform': "",
'msTransform': "",
'transform': ""
});
Run Code Online (Sandbox Code Playgroud)
以上都不是.但是,当我从Chrome控制台运行这些方法时,它们可以正常工作......
应用的风格如下:
style="-webkit-transform: matrix(-0.99775, 0.06697, -0.06697, -0.99775, 0, 0);"
我正在使用jwilder / nginx-proxy从单个服务器托管多个(web)应用程序。这非常有效,除了所有服务可以相互通信是因为它们都在同一网络上,这是代理正常工作所必需的。
代理 docker-compose.yaml
version: "3"
services:
nginx-proxy:
image: jwilder/nginx-proxy:alpine
container_name: nginx-proxy
labels:
- "com.github.jrcs.letsencrypt_nginx_proxy_companion.nginx_proxy"
ports:
- "80:80"
- "443:443"
volumes:
- ./data/certs:/etc/nginx/certs:ro
- ./data/nginx/vhost.d:/etc/nginx/vhost.d
- ./data/share/nginx/html:/usr/share/nginx/html
- /var/run/docker.sock:/tmp/docker.sock:ro
restart: always
letsencrypt-proxy:
image: jrcs/letsencrypt-nginx-proxy-companion
container_name: letsencrypt-proxy
depends_on:
- nginx-proxy
volumes:
- ./data/nginx/vhost.d:/etc/nginx/vhost.d
- ./data/share/nginx/html:/usr/share/nginx/html
- ./data/certs:/etc/nginx/certs:rw
- /var/run/docker.sock:/var/run/docker.sock:ro
restart: always
networks:
default:
external:
name: nginx-proxy
Run Code Online (Sandbox Code Playgroud)
应用程式1 docker-compose.yaml
version: "3"
services:
app:
image: nginx:latest
depends_on:
- db
- cache
expose:
- 80
volumes:
- ./application:/var/www/html
restart: always
working_dir: …Run Code Online (Sandbox Code Playgroud) html ×2
jquery ×2
magento ×2
php ×2
css ×1
css-grid ×1
docker ×1
grid-layout ×1
gulp ×1
javascript ×1
magento-1.x ×1
magento2 ×1
scrolltop ×1
translation ×1