paperless-ngx/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.scss

@import "/src/theme";

.result-content {
  overflow-wrap: anywhere;
}

.doc-img-background {
  position: relative;
}

.doc-img {
  object-fit: cover;
  object-position: top left;
  height: 100%;
  position: absolute;
  mix-blend-mode: multiply;
}

.card-title {
  word-break: break-word;
}

.search-score-bar {
  width: 100px;
  height: 5px;
  margin-top: 1px;
}

.document-card-check {
  display: none
}

.document-card:hover .document-card-check {
  display: block;
}

.card-selected {
  border-color: $primary;
}

.doc-img-background-selected {
  background-color: $primaryFaded;
}

.card-info {
  line-height: 1;

  button {
    line-height: 1;

    &:hover,
    &:focus {
      background-color: transparent !important;
    }
  }

  .metadata-icon {
    width: 0.9rem;
    height: 0.9rem;
    padding: 0.05rem;
  }

  .search-score {
    padding-top: 0.35rem !important;
  }
}

span ::ng-deep .match {
  color: black;
  background-color: rgb(255, 211, 66);
}