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/content_script/ AnnotationBody.module.scss
26 lines
489 B

  1. html body { /* Increase specifity above that of our style reset */
  2. .annotationBodyIframe {
  3. width: 100%;
  4. height: auto;
  5. border: none;
  6. background-color: transparent;
  7. }
  8. .annotationBodyAudio {
  9. width: 100%;
  10. border-radius: 20px;
  11. }
  12. .annotationBodyVideo {
  13. width: 100%;
  14. height: auto;
  15. }
  16. .annotationBodyText {
  17. padding: 5px 10px;
  18. min-height: 1em;
  19. white-space: pre-wrap;
  20. &[contenteditable=true]:hover {
  21. background: #fffc;
  22. }
  23. }
  24. }