make font size for overlays bigger and responsive

2020-09-10 10:14:00 +03:00
parent 123fb22808
commit 12ecdd734d
2 changed files with 11 additions and 1 deletions
--- a/peertube-plugin-video-annotation/assets/style.css
+++ b/peertube-plugin-video-annotation/assets/style.css
@ -1,3 +1,13 @@
 .vjs-overlay a {
  color: #210cbf;
 }
+
+/* make font size for overlays little bigger and responsive */
+.video-js .vjs-overlay { /* apply for screen sizes under 768px */
+  font-size:1.2rem;
+}
+@media screen and (min-width: 768px) { /* apply for screen sizes bigger or equal 768px */
+  .video-js .vjs-overlay {
+    font-size:1.4rem;
+  }
+}