From 5adf144f1675dcabc6dd1841451a1d7f88753be9 Mon Sep 17 00:00:00 2001
From: Falco Nogatz <fnogatz@gmail.com>
Date: Mon, 26 Dec 2022 14:37:21 +0100
Subject: [PATCH 1/2] Highlight substeps that are not yet visible in the
 impressConsole's slideView

---
 css/impress-common.css | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/css/impress-common.css b/css/impress-common.css
index 640237608..3ab42ed15 100644
--- a/css/impress-common.css
+++ b/css/impress-common.css
@@ -110,6 +110,42 @@ It is focused on plugin functionality, not the visual style of your presentation
   display: none;
 }
 
+/*
+  Highlight substeps that are not yet visible in the sliveView window of the
+  impressConsole.
+*/
+.impress-console.slideView #impress .step:not(.future) .substep:not(.substep-visible) {
+  position: relative;
+  opacity: 1.0;
+}
+.impress-console.slideView #impress .step:not(.future) .substep:not(.substep-visible):before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: calc(100% - 10px);
+  height: calc(100% - 10px);
+  content: "";
+  border: 5px solid red;
+}
+.impress-console.slideView #impress .step:not(.future) .substep:not(.substep-visible):after {
+  position: absolute;
+  height: 60px;
+  width: 60px;
+  left: -30px;
+  top: -30px;
+  font-size: 40px;
+  text-align: center;
+  background-color: red;
+  color: #fff;
+  font-weight: bold;
+  content: "1";
+  border-radius: 30px;
+  padding: 0;
+}
+.impress-console.slideView #impress .step:not(.future) .substep[data-substep-order]:not(.substep-visible):after {
+  content: attr(data-substep-order);
+}
+
 /*
     With help from the mouse-timeout plugin, we can hide the toolbar and
     have it show only when you move/click/touch the mouse.

From cb5158907cc0e6b2b0dfb72139d7618a3262020e Mon Sep 17 00:00:00 2001
From: Falco Nogatz <fnogatz@gmail.com>
Date: Mon, 26 Dec 2022 14:45:11 +0100
Subject: [PATCH 2/2] Only show number if at least one substep has the
 data-substep-order attribute set

---
 css/impress-common.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/css/impress-common.css b/css/impress-common.css
index 3ab42ed15..0e124808a 100644
--- a/css/impress-common.css
+++ b/css/impress-common.css
@@ -127,7 +127,7 @@ It is focused on plugin functionality, not the visual style of your presentation
   content: "";
   border: 5px solid red;
 }
-.impress-console.slideView #impress .step:not(.future) .substep:not(.substep-visible):after {
+.impress-console.slideView #impress .step:not(.future):has(.substep[data-substep-order]) .substep:not(.substep-visible):after {
   position: absolute;
   height: 60px;
   width: 60px;
@@ -142,7 +142,7 @@ It is focused on plugin functionality, not the visual style of your presentation
   border-radius: 30px;
   padding: 0;
 }
-.impress-console.slideView #impress .step:not(.future) .substep[data-substep-order]:not(.substep-visible):after {
+.impress-console.slideView #impress .step:not(.future):has(.substep[data-substep-order]) .substep[data-substep-order]:not(.substep-visible):after {
   content: attr(data-substep-order);
 }