Sha256: ef4e195426d3d51c0ba79ff2fa4332ec9e5c1a976bf6a7690a25b072c4d8a935

Contents?: true

Size: 1.28 KB

Versions: 52

Compression:

Stored size: 1.28 KB

Contents

.govuk-document-field {
  display: grid;
  grid-template-areas:
    "label"
    "hint"
    "error"
    "preview"
    "file"
    "supplemental";
  grid-template-columns: minmax(auto, var(--text-width));
  grid-auto-rows: auto;

  label {
    grid-area: label;
  }

  .govuk-hint {
    grid-area: hint;
  }

  .govuk-error-message {
    grid-area: error;
  }

  input {
    grid-area: file;
  }

  .govuk-file-upload {
    margin-left: 0;
    padding: 3px;
    max-width: var(--text-width);
  }

  .preview-file {
    grid-area: preview;
    position: relative;
    overflow: visible;
    background-color: #f4f4f4;
    border: 2px solid black;
    margin-bottom: 0.5rem;
    padding: 5px;
    line-height: 1.5;
    align-items: start;
    display: inline-flex;
    margin-right: auto;

    .preview-filename {
      line-height: unset;
    }

    .file-destroy {
      appearance: none;
      color: black;
      border: none;
      background: none;
      display: inline-block;
      margin-left: 0.2rem;
      padding: 0;

      &::after {
        content: "×";
        display: block;
        position: relative;
        width: 21px;
        line-height: 21px;
        font-size: 21px;
      }
    }
  }

  > div:last-child {
    grid-area: supplemental;
  }

  .govuk-form-group {
    margin-top: 30px;
  }
}

Version data entries

52 entries across 52 versions & 1 rubygems

Version Path
katalyst-koi-4.15.1 app/assets/stylesheets/koi/components/_document-field.scss
katalyst-koi-4.15.0 app/assets/stylesheets/koi/components/_document-field.scss
katalyst-koi-4.14.3 app/assets/stylesheets/koi/components/_document-field.scss
katalyst-koi-4.14.2 app/assets/stylesheets/koi/components/_document-field.scss
katalyst-koi-4.14.1 app/assets/stylesheets/koi/components/_document-field.scss
katalyst-koi-4.14.0 app/assets/stylesheets/koi/components/_document-field.scss
katalyst-koi-4.13.2 app/assets/stylesheets/koi/components/_document-field.scss
katalyst-koi-4.13.0 app/assets/stylesheets/koi/components/_document-field.scss
katalyst-koi-4.12.6 app/assets/stylesheets/koi/components/_document-field.scss
katalyst-koi-4.12.5 app/assets/stylesheets/koi/components/_document-field.scss
katalyst-koi-4.12.4 app/assets/stylesheets/koi/components/_document-field.scss
katalyst-koi-4.12.3 app/assets/stylesheets/koi/components/_document-field.scss
katalyst-koi-4.12.2 app/assets/stylesheets/koi/components/_document-field.scss
katalyst-koi-4.12.1 app/assets/stylesheets/koi/components/_document-field.scss
katalyst-koi-4.12.0 app/assets/stylesheets/koi/components/_document-field.scss
katalyst-koi-4.11.2 app/assets/stylesheets/koi/components/_document-field.scss
katalyst-koi-4.11.1 app/assets/stylesheets/koi/components/_document-field.scss
katalyst-koi-4.11.0 app/assets/stylesheets/koi/components/_document-field.scss
katalyst-koi-4.10.3 app/assets/stylesheets/koi/components/_document-field.scss
katalyst-koi-4.10.2 app/assets/stylesheets/koi/components/_document-field.scss