Browser extension that demonstrates the Web Annotation Discovery mechanism: subscribe to people’s annotation collections/‘feeds’, to see their notes on the web; and create & publish annotations yourself.

web-annotation-discovery-we.../src/components/ AnnotationSourcesList.module.scss
54 lines
755 B

  1. @import '../common-classes.scss';
  2. .sourceList {
  3. padding: unset;
  4. list-style: none;
  5. li.source {
  6. margin: 2em 0;
  7. .infoAndButtons {
  8. display: flex;
  9. align-content: space-between;
  10. }
  11. .info {
  12. flex-grow: 1;
  13. }
  14. .buttons {
  15. flex-shrink: 0;
  16. display: flex;
  17. flex-direction: column;
  18. }
  19. }
  20. details.showAnnotations {
  21. & > summary {
  22. cursor: pointer;
  23. }
  24. margin-top: 1em;
  25. margin-bottom: 4em;
  26. }
  27. .title {
  28. }
  29. .url {
  30. max-width: 20em;
  31. overflow-x: hidden;
  32. text-overflow: ellipsis;
  33. font-size: smaller;
  34. }
  35. .sourceType {
  36. margin-top: 1em;
  37. font-size: smaller;
  38. }
  39. .lastUpdate {
  40. font-size: smaller;
  41. margin-top: 1em;
  42. font-style: italic;
  43. }
  44. }