#2636: `DropArea.module.scss`

projectforge-webapp/src/components/design/droparea/DropArea.module.scss Тип: SCSS-стили · Источник: projectforge-webapp/src/components/design/droparea/DropArea.module.scss 54 строки · 48 кода · 0 комментариев · 6 пустых

SCSS-стили, определяющие визуальное оформление веб-интерфейса ProjectForge.

Содержимое

div.dropArea {
  input.file {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  span.info {
    padding: 15px 30px;
    text-align: center;
    font-size: 16px;
    color: #656565;
    display: table-cell;
    vertical-align: middle;
    margin-top: 20px;
    cursor: pointer;

    .icon {
      margin-right: 10px;
    }
  }

  &.inDrag {
    div.background {
      background-color: #eee;
    }
  }

  &:not(.noStyle) {
    overflow: hidden;
    border-radius: 5px;
    display: table;
    cursor: pointer;

    div.background {
      background-color: #F1F1F1;
      box-shadow: 0 2px 0 #f9f8f8, inset 0 2px 2px #eaeaea;
      width: 100%;
      height: 100%;
      display: table;

      &:hover {
        background: #DEE2E6;
        box-shadow: 0 2px 0 #E6EAEE, inset 0 2px 2px #D7DBDF;
        cursor: grab;
      }
    }
  }
}

История Git

36beb03c0 исправление droparea
96d5b92ba исправление стиля области сброса
c2185fcae исправление теней и цветов области сброса
7b1c92578 исправление некоторых scss-стилей
4b92c8d01 добавление DropArea

#2636: DropArea.module.scss

Содержимое

История Git

#2636: `DropArea.module.scss`