#2636: `DropArea.module.scss`

projectforge-webapp/src/components/design/droparea/DropArea.module.scss Tipo: Hoja de estilo SCSS · Fuente: projectforge-webapp/src/components/design/droparea/DropArea.module.scss 54 líneas · 48 código · 0 comentarios · 6 en blanco

Hoja de estilo SCSS que define los estilos visuales para el frontend web de ProjectForge.

Contenido

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

Historial Git

36beb03c0 arreglar droparea
96d5b92ba arreglar estilo de drop area
c2185fcae arreglar sombras y colores de drop area
7b1c92578 arreglar algunos scss
4b92c8d01 agregar DropArea

#2636: DropArea.module.scss

Contenido

Historial Git

#2636: `DropArea.module.scss`