named-entity-ref.component.scss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. @import "../../../assets/scss/colors";
  2. @import "../../../assets/scss/themes";
  3. @import "../../../assets/scss/mixins";
  4. .namedEntityRef {
  5. &:not(.noDetails) {
  6. cursor: pointer;
  7. &.opened {
  8. border-bottom: 3px solid;
  9. }
  10. }
  11. &:not(.opened):not(:hover) {
  12. background-color: transparent;
  13. }
  14. }
  15. .namedEntityRef:hover:not(.noDetails),
  16. .namedEntityRef.highlighted,
  17. .namedEntityRef.opened:not(.noDetails) {
  18. &.person {
  19. @include namedEntityRefColors(get-ne-color(personBase), get-ne-color(personMiddle), get-ne-color(personDarker));
  20. }
  21. &.place {
  22. @include namedEntityRefColors(get-ne-color(placeBase), get-ne-color(placeMiddle), get-ne-color(placeDarker));
  23. }
  24. &.org {
  25. @include namedEntityRefColors(get-ne-color(orgBase), get-ne-color(orgMiddle), get-ne-color(orgDarker));
  26. }
  27. &.event {
  28. @include namedEntityRefColors(get-ne-color(eventBase), get-ne-color(eventMiddle), get-ne-color(eventDarker));
  29. }
  30. }
  31. .namedEntityRefDetail {
  32. &.person {
  33. background: get-ne-color(personBase);
  34. }
  35. &.place {
  36. background: get-ne-color(placeBase);
  37. }
  38. &.org {
  39. background: get-ne-color(orgBase);
  40. }
  41. &.event {
  42. background: get-ne-color(eventBase);
  43. }
  44. }
  45. .not-found-msg {
  46. font-size: .9rem;
  47. }
  48. .entityHighlight {
  49. background: #ffffcc !important;
  50. }