小编Chr*_*ris的帖子

如何在CSS网格布局中指定行高?

我有一个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)

html css grid-layout css-grid

27
推荐指数
3
解决办法
6万
查看次数

Magento ::从javascript文件翻译文本

Magento使用系统翻译模板文件中的文本:

$this->__('text to be translated.');

要么

Mage::helper('modulename')->__('text to be translated.');.

这非常有效.但是当我向javascript文件添加文本时,我无法使用这两种方法.

有没有办法我可以用javascript文件的翻译做类似的事情?

javascript php translation magento magento-1.x

9
推荐指数
2
解决办法
2万
查看次数

使用gulp-notify和gulp-plumber处理错误

我希望在以下情况下显示通知:
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)

gulp

9
推荐指数
1
解决办法
9630
查看次数

Magento2备份已禁用

Magento版本2.2.7.

我想用Magento2提供的工具备份系统和数据库.

但是在后端,当我进入系统 - 备份时,我得到了消息

备份功能已禁用

备份功能目前已禁用.请使用其他方式进行备份

我在哪里可以启用它?

magento2

9
推荐指数
3
解决办法
5286
查看次数

Magento Admin ::删除特定角色/用户的菜单项

我想从管理员中删除特定用户角色的菜单项.我见过其他人通过创建虚拟覆盖来做到这一点,但这些并不基于角色.我想这样做而不使用其中一个.xml文件.有没有办法做到这一点,例如; __construct()或prepareLayout?

编辑:我必须补充一点,我要禁用的部分是CMS中的管理层次结构项.我知道我可以为用户窗口禁用层次结构,但我需要它来保存CMS页面.

php magento

7
推荐指数
1
解决办法
2378
查看次数

在页面加载/刷新时使用scrollTop()获取Chrome中的当前滚动位置

在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上有很多关于这个问题的问题,但没有一个给我一个正确的工作答案或替代方案.我不知所措......

jquery google-chrome scrolltop

6
推荐指数
1
解决办法
2万
查看次数

清除由GSAP动画设置的内联样式

我似乎无法清除由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);"

html jquery

6
推荐指数
1
解决办法
5589
查看次数

隔离jwilder / nginx-proxy网络上的容器

我正在使用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)

docker docker-compose jwilder-nginx-proxy

5
推荐指数
1
解决办法
1104
查看次数