[TikiWiki-commits] [Git][tikiwiki/tiki][master] [FIX] Teleprompter: Improve focus area and fullscreen readability

Bruno Kambere pushed to branch master at Tiki Wiki CMS Groupware / Tiki


Commits:
5fdd19b6 by UshindiG at 2026-08-11T14:24:47+03:00
[FIX] Teleprompter: Improve focus area and fullscreen readability
---
* [FIX] Teleprompter: Improve focus area and fullscreen readability

See merge request tikiwiki/tiki!10870

- - - - -


2 changed files:

- lib/wiki-plugins/css/teleprompter.css
- lib/wiki-plugins/js/teleprompter.js


Changes:

=====================================
lib/wiki-plugins/css/teleprompter.css
=====================================
@@ -14,12 +14,14 @@
   width: 100% !important;
   height: 100% !important;
   background: #000;
+  color: #f8f9fa;
 }
 
 .teleprompter-container:-webkit-full-screen {
   width: 100% !important;
   height: 100% !important;
   background: #000;
+  color: #f8f9fa;
 }
 
 .teleprompter-container:focus-visible {
@@ -107,11 +109,25 @@
   left: 0;
   right: 0;
   height: 2px;
-  background: rgba(255, 255, 255, 0.6);
+  box-sizing: border-box;
+  background: rgba(255, 255, 255, 0.08);
+  border-top: 1px solid rgba(255, 255, 255, 0.55);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.55);
   top: 50%;
   display: block;
 }
 
+.teleprompter-container:fullscreen .tp-focus-mask,
+.teleprompter-container:-webkit-full-screen .tp-focus-mask {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+.teleprompter-container:fullscreen .tp-focus-guide,
+.teleprompter-container:-webkit-full-screen .tp-focus-guide {
+  background: rgba(255, 255, 255, 0.12);
+  border-color: rgba(255, 255, 255, 0.75);
+}
+
 .teleprompter-focus-none .teleprompter-focus-overlay {
   display: none;
 }


=====================================
lib/wiki-plugins/js/teleprompter.js
=====================================
@@ -237,7 +237,10 @@
             var bottomHeight = Math.max(0, containerHeight - (start + focusHeight));
             $focusMaskTop.css("height", start + "px");
             $focusMaskBottom.css("height", bottomHeight + "px");
-            $focusGuide.css("top", start + focusHeight / 2 + "px");
+            $focusGuide.css({
+                height: focusHeight + "px",
+                top: start + "px"
+            });
         };
 
         var refreshLayout = function () {



View it on GitLab: https://gitlab.com/tikiwiki/tiki/-/commit/5fdd19b638eda6df711052d243f36ae6992a30a2

-- 
View it on GitLab: https://gitlab.com/tikiwiki/tiki/-/commit/5fdd19b638eda6df711052d243f36ae6992a30a2
You're receiving this email because of your account on gitlab.com. Manage all notifications: https://gitlab.com/-/profile/notifications | Help: https://gitlab.com/help

_______________________________________________
TikiWiki-cvs mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/tikiwiki-cvs