Presenter console UI: remove btn borders and update nav and time btn

Before this commit the button radius looked odd because the size of the nav btns or not a sqr - Better to don't rely on the container for visuals and instead make it bultin in the svg. Plus we can then remove the extra lines Additionally update timer related buttons. Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com> Change-Id: I6058b85f440be87a774a5bee8d0667af1d38d82d
CollaboraOnline · Nov 20, 2024 · eace126 · eace126
1 parent 418c4d7
commit eace126
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 8 deletions.
diff --git a/browser/images/presenterscreen-ButtonEffectNextSelected.svg b/browser/images/presenterscreen-ButtonEffectNextSelected.svg
diff --git a/browser/images/presenterscreen-ButtonPauseTimerNormal.svg b/browser/images/presenterscreen-ButtonPauseTimerNormal.svg
diff --git a/browser/images/presenterscreen-ButtonRestartTimerNormal.svg b/browser/images/presenterscreen-ButtonRestartTimerNormal.svg
diff --git a/browser/images/presenterscreen-ButtonResumeTimerNormal.svg b/browser/images/presenterscreen-ButtonResumeTimerNormal.svg
diff --git a/browser/images/presenterscreen-ButtonSlidePreviousSelected.svg b/browser/images/presenterscreen-ButtonSlidePreviousSelected.svg
diff --git a/browser/src/slideshow/PresenterConsole.js b/browser/src/slideshow/PresenterConsole.js
@@ -325,7 +325,7 @@ class PresenterConsole {
 		navigationButtons.forEach((button) => {
 			button.style.width = '2.5vw';
 			button.style.height = '5.5vh';
-			button.style.border = '1px solid';
+			button.style.border = 'none';
 			button.style.borderColor = this.slideShowColor;
 			button.style.justifyContent = 'center';
 			button.style.borderRadius = '50%';