EN · DE · RU · FR · ES
← Index · ← File index · ← Prev · Next → · 📄 source

#2636: DropArea.module.scss

projectforge-webapp/src/components/design/droparea/DropArea.module.scss Type: SCSS Stylesheet · Source: projectforge-webapp/src/components/design/droparea/DropArea.module.scss 54 lines · 48 code · 0 comments · 6 blank
SCSS Stylesheet defining visual styles for the ProjectForge web frontend.

Content

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 History

36beb03c0 fix droparea
96d5b92ba fix drop area style
c2185fcae fix drop area shadows and colors
7b1c92578 fix some scss stuff
4b92c8d01 add DropArea