#2636: `DropArea.module.scss`

projectforge-webapp/src/components/design/droparea/DropArea.module.scss Typ: SCSS-Stylesheet · Quelle: projectforge-webapp/src/components/design/droparea/DropArea.module.scss 54 Zeilen · 48 Code · 0 Kommentare · 6 leer

SCSS-Stylesheet, das visuelle Stile für das ProjectForge-Web-Frontend definiert.

Inhalt

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-Verlauf

36beb03c0 Korrektur DropArea
96d5b92ba Korrektur DropArea-Stil
c2185fcae Korrektur DropArea-Schatten und -Farben
7b1c92578 Korrektur einiger SCSS-Sachen
4b92c8d01 DropArea hinzugefügt

#2636: DropArea.module.scss

Inhalt

Git-Verlauf

#2636: `DropArea.module.scss`