#2636: `DropArea.module.scss`

projectforge-webapp/src/components/design/droparea/DropArea.module.scss Type : Feuille de style SCSS · Source : projectforge-webapp/src/components/design/droparea/DropArea.module.scss 54 lignes · 48 code · 0 commentaires · 6 vides

Feuille de style SCSS définissant les styles visuels pour le frontend web de ProjectForge.

Contenu

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;
      }
    }
  }
}

Historique Git

36beb03c0 correction droparea
96d5b92ba correction style zone de dépôt
c2185fcae correction ombres et couleurs zone de dépôt
7b1c92578 correction de quelques trucs scss
4b92c8d01 ajout DropArea

#2636: DropArea.module.scss

Contenu

Historique Git

#2636: `DropArea.module.scss`