From d7008ba893a6bd4e665ca1d0b46fcd9c75870e59 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lionel=20Lask=C3=A9?= Date: Wed, 30 Aug 2023 22:43:05 +0200 Subject: [PATCH 1/2] Fix close of help popup --- activities/Abacus.activity/css/activity.css | 6 ++--- activities/Abecedarium.activity/styles.css | 6 ++--- .../ActivityTemplate/VueJS/css/activity.css | 4 +-- .../Blockrain.activity/css/activity.css | 4 +-- .../Calculate.activity/css/activity.css | 4 +-- activities/Calligra.activity/css/activity.css | 6 ++--- activities/Chart.activity/css/activity.css | 6 ++--- .../ChatPrototype.activity/css/activity.css | 4 +-- activities/Chess.activity/css/activity.css | 4 +-- activities/Clock.activity/css/activity.css | 4 +-- .../ColorMyWorld.activity/css/activity.css | 4 +-- .../Constellation.activity/css/activity.css | 26 +++++++++---------- .../Curriculum.activity/css/activity.css | 6 ++--- .../DollarStreet.activity/css/activity.css | 4 +-- .../EbookReader.activity/css/activity.css | 6 ++--- .../Falabracman.activity/css/activity.css | 4 +-- activities/Flip.activity/css/activity.css | 6 ++--- .../FoodChain.activity/css/activity.css | 6 ++--- activities/Fototoon.activity/css/activity.css | 4 +-- .../FractionBounce.activity/css/activity.css | 4 +-- .../GameOfLife.activity/css/activity.css | 4 +-- .../Gridpaint.activity/css/activity.css | 6 ++--- activities/Implode.activity/css/activity.css | 4 +-- .../LabyrinthJS.activity/css/activity.css | 22 ++++++++-------- .../LastOneLoses.activity/css/activity.css | 4 +-- activities/MazeWeb.activity/css/activity.css | 4 +-- activities/Measure.activity/css/activity.css | 4 +-- activities/Memorize.activity/css/activity.css | 22 ++++++++-------- activities/MindMath.activity/css/activity.css | 4 +-- activities/Moon.activity/css/activity.css | 6 ++--- activities/Paint.activity/css/activity.css | 4 +-- .../PhysicsJS.activity/css/activity.css | 4 +-- activities/Planets.activity/css/activity.css | 4 +-- activities/QRCode.activity/css/activity.css | 4 +-- activities/Record.activity/css/activity.css | 4 +-- .../Reflection.activity/css/activity.css | 4 +-- .../SharedNotes.activity/css/activity.css | 4 +-- activities/Speak.activity/css/activity.css | 6 ++--- .../SprintMath.activity/css/activity.css | 4 +-- .../Stopwatch.activity/css/activity.css | 4 +-- activities/Story.activity/css/activity.css | 4 +-- .../TamTamMicro.activity/css/activity.css | 6 ++--- activities/Tangram.activity/css/activity.css | 4 +-- activities/TankOp.activity/css/activity.css | 4 +-- .../VideoViewer.activity/css/activity.css | 4 +-- activities/Vote.activity/css/activity.css | 6 ++--- activities/Write.activity/css/activity.css | 24 ++++++++--------- activities/XOEditor.activity/css/activity.css | 6 ++--- .../XmasLights.activity/css/activity.css | 4 +-- css/styles.css | 4 +-- docs/tutorial/VanillaJS/step9.md | 4 +-- 51 files changed, 155 insertions(+), 155 deletions(-) diff --git a/activities/Abacus.activity/css/activity.css b/activities/Abacus.activity/css/activity.css index 434da6ea5..c406ed81d 100644 --- a/activities/Abacus.activity/css/activity.css +++ b/activities/Abacus.activity/css/activity.css @@ -245,10 +245,10 @@ introjs-overlay { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; -} + color: #808080; + line-height: 27px; +} .customTooltip .introjs-nextbutton::before { content: ""; diff --git a/activities/Abecedarium.activity/styles.css b/activities/Abecedarium.activity/styles.css index 657dc47e1..100179adb 100644 --- a/activities/Abecedarium.activity/styles.css +++ b/activities/Abecedarium.activity/styles.css @@ -708,10 +708,10 @@ background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; -} + color: #808080; + line-height: 27px; +} .customTooltip .introjs-nextbutton::before { content: ""; diff --git a/activities/ActivityTemplate/VueJS/css/activity.css b/activities/ActivityTemplate/VueJS/css/activity.css index 57b5f1e6f..621807ef9 100644 --- a/activities/ActivityTemplate/VueJS/css/activity.css +++ b/activities/ActivityTemplate/VueJS/css/activity.css @@ -121,9 +121,9 @@ p { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/Blockrain.activity/css/activity.css b/activities/Blockrain.activity/css/activity.css index bc5625ed3..68e721add 100644 --- a/activities/Blockrain.activity/css/activity.css +++ b/activities/Blockrain.activity/css/activity.css @@ -73,9 +73,9 @@ body { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/Calculate.activity/css/activity.css b/activities/Calculate.activity/css/activity.css index f19866c68..ff4a6f2c5 100644 --- a/activities/Calculate.activity/css/activity.css +++ b/activities/Calculate.activity/css/activity.css @@ -160,9 +160,9 @@ calc-container { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/Calligra.activity/css/activity.css b/activities/Calligra.activity/css/activity.css index 2dd018586..7dadfcc07 100644 --- a/activities/Calligra.activity/css/activity.css +++ b/activities/Calligra.activity/css/activity.css @@ -455,10 +455,10 @@ body { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; - } + color: #808080; + line-height: 27px; +} .customTooltip .introjs-nextbutton::before { content: ""; diff --git a/activities/Chart.activity/css/activity.css b/activities/Chart.activity/css/activity.css index 35fd4d6f6..127e3e4cf 100644 --- a/activities/Chart.activity/css/activity.css +++ b/activities/Chart.activity/css/activity.css @@ -152,6 +152,7 @@ p { } .customTooltip .introjs-skipbutton { + float: right; cursor: pointer; background-image: url(../icons/dialog-cancel.svg); width: 25px; @@ -159,10 +160,9 @@ p { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; - flex-shrink: 0; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/ChatPrototype.activity/css/activity.css b/activities/ChatPrototype.activity/css/activity.css index 02f55d924..7c4afa52f 100644 --- a/activities/ChatPrototype.activity/css/activity.css +++ b/activities/ChatPrototype.activity/css/activity.css @@ -281,9 +281,9 @@ padding:1%; background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/Chess.activity/css/activity.css b/activities/Chess.activity/css/activity.css index 56662d9f0..acb5f14f9 100644 --- a/activities/Chess.activity/css/activity.css +++ b/activities/Chess.activity/css/activity.css @@ -405,9 +405,9 @@ body { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/Clock.activity/css/activity.css b/activities/Clock.activity/css/activity.css index 50bf6822f..27a9ce6f2 100644 --- a/activities/Clock.activity/css/activity.css +++ b/activities/Clock.activity/css/activity.css @@ -153,9 +153,9 @@ canvas { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/ColorMyWorld.activity/css/activity.css b/activities/ColorMyWorld.activity/css/activity.css index b0927acf3..53f71ae55 100644 --- a/activities/ColorMyWorld.activity/css/activity.css +++ b/activities/ColorMyWorld.activity/css/activity.css @@ -348,9 +348,9 @@ body { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/Constellation.activity/css/activity.css b/activities/Constellation.activity/css/activity.css index 21fbefb08..10f937dfc 100644 --- a/activities/Constellation.activity/css/activity.css +++ b/activities/Constellation.activity/css/activity.css @@ -102,19 +102,19 @@ body { line-height: 1.42857143; } -.customTooltip .introjs-skipbutton { - float: right; - cursor: pointer; - background-image: url(../icons/dialog-cancel.svg); - width: 25px; - height: 25px; - background-size: 25px 25px; - margin-top: 2px; - padding: 0px; - text-indent: 100%; - white-space: nowrap; - overflow: hidden; -} +.customTooltip .introjs-skipbutton { + float: right; + cursor: pointer; + background-image: url(../icons/dialog-cancel.svg); + width: 25px; + height: 25px; + background-size: 25px 25px; + margin-top: 2px; + padding: 0px; + white-space: nowrap; + color: #808080; + line-height: 27px; +} .customTooltip .introjs-nextbutton::before { content: ""; diff --git a/activities/Curriculum.activity/css/activity.css b/activities/Curriculum.activity/css/activity.css index 302b5ffb4..5b9ecb082 100644 --- a/activities/Curriculum.activity/css/activity.css +++ b/activities/Curriculum.activity/css/activity.css @@ -327,10 +327,10 @@ p { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; -} + color: #808080; + line-height: 27px; +} .customTooltip .introjs-nextbutton::before { content: ""; diff --git a/activities/DollarStreet.activity/css/activity.css b/activities/DollarStreet.activity/css/activity.css index fefce2ca2..fd10383a0 100644 --- a/activities/DollarStreet.activity/css/activity.css +++ b/activities/DollarStreet.activity/css/activity.css @@ -634,9 +634,9 @@ div[slider] > input[type=range]::-ms-tooltip { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/EbookReader.activity/css/activity.css b/activities/EbookReader.activity/css/activity.css index c4eae1f15..727e4eadf 100644 --- a/activities/EbookReader.activity/css/activity.css +++ b/activities/EbookReader.activity/css/activity.css @@ -283,10 +283,10 @@ body { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; -} + color: #808080; + line-height: 27px; +} .customTooltip .introjs-nextbutton::before { content: ""; diff --git a/activities/Falabracman.activity/css/activity.css b/activities/Falabracman.activity/css/activity.css index 7ae1b6d66..df49a7984 100644 --- a/activities/Falabracman.activity/css/activity.css +++ b/activities/Falabracman.activity/css/activity.css @@ -263,9 +263,9 @@ button.resetEditWord { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/Flip.activity/css/activity.css b/activities/Flip.activity/css/activity.css index 3c7ce7e17..67cfec350 100644 --- a/activities/Flip.activity/css/activity.css +++ b/activities/Flip.activity/css/activity.css @@ -165,10 +165,10 @@ background-color: #C0C0C0; background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; -} + color: #808080; + line-height: 27px; +} .customTooltip .introjs-nextbutton::before { content: ""; diff --git a/activities/FoodChain.activity/css/activity.css b/activities/FoodChain.activity/css/activity.css index 643922bea..7061b1806 100644 --- a/activities/FoodChain.activity/css/activity.css +++ b/activities/FoodChain.activity/css/activity.css @@ -46,10 +46,10 @@ background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; -} + color: #808080; + line-height: 27px; +} .customTooltip .introjs-nextbutton::before { content: ""; diff --git a/activities/Fototoon.activity/css/activity.css b/activities/Fototoon.activity/css/activity.css index 02e018733..d0ec2c059 100644 --- a/activities/Fototoon.activity/css/activity.css +++ b/activities/Fototoon.activity/css/activity.css @@ -323,9 +323,9 @@ background-size: 100% 1.2em; background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/FractionBounce.activity/css/activity.css b/activities/FractionBounce.activity/css/activity.css index 93a6e5fc8..819cf2e60 100644 --- a/activities/FractionBounce.activity/css/activity.css +++ b/activities/FractionBounce.activity/css/activity.css @@ -418,9 +418,9 @@ p { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/GameOfLife.activity/css/activity.css b/activities/GameOfLife.activity/css/activity.css index 40b63431c..afa2fd3a0 100644 --- a/activities/GameOfLife.activity/css/activity.css +++ b/activities/GameOfLife.activity/css/activity.css @@ -195,9 +195,9 @@ canvas { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/Gridpaint.activity/css/activity.css b/activities/Gridpaint.activity/css/activity.css index 5edb1181e..ed7e6b0ce 100644 --- a/activities/Gridpaint.activity/css/activity.css +++ b/activities/Gridpaint.activity/css/activity.css @@ -92,10 +92,10 @@ background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; -} + color: #808080; + line-height: 27px; +} .customTooltip .introjs-nextbutton::before { content: ""; diff --git a/activities/Implode.activity/css/activity.css b/activities/Implode.activity/css/activity.css index 19cf4b14d..115cc2319 100644 --- a/activities/Implode.activity/css/activity.css +++ b/activities/Implode.activity/css/activity.css @@ -164,9 +164,9 @@ body { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/LabyrinthJS.activity/css/activity.css b/activities/LabyrinthJS.activity/css/activity.css index 00eaae7a0..7663e351d 100644 --- a/activities/LabyrinthJS.activity/css/activity.css +++ b/activities/LabyrinthJS.activity/css/activity.css @@ -250,17 +250,17 @@ } .customTooltip .introjs-skipbutton { - float: right; - cursor: pointer; - background-image: url(../icons/dialog-cancel.svg); - width: 25px; - height: 25px; - background-size: 25px 25px; - margin-top: 2px; - padding: 0px; - text-indent: 100%; - white-space: nowrap; - overflow: hidden; + float: right; + cursor: pointer; + background-image: url(../icons/dialog-cancel.svg); + width: 25px; + height: 25px; + background-size: 25px 25px; + margin-top: 2px; + padding: 0px; + white-space: nowrap; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/LastOneLoses.activity/css/activity.css b/activities/LastOneLoses.activity/css/activity.css index 768ea4ffd..6d6ac0e22 100644 --- a/activities/LastOneLoses.activity/css/activity.css +++ b/activities/LastOneLoses.activity/css/activity.css @@ -127,9 +127,9 @@ body { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/MazeWeb.activity/css/activity.css b/activities/MazeWeb.activity/css/activity.css index b9f0ddf1f..e8a510849 100644 --- a/activities/MazeWeb.activity/css/activity.css +++ b/activities/MazeWeb.activity/css/activity.css @@ -124,9 +124,9 @@ body { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/Measure.activity/css/activity.css b/activities/Measure.activity/css/activity.css index f86ef3532..a9e78eee9 100644 --- a/activities/Measure.activity/css/activity.css +++ b/activities/Measure.activity/css/activity.css @@ -522,9 +522,9 @@ p { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/Memorize.activity/css/activity.css b/activities/Memorize.activity/css/activity.css index 36d73b002..6839f6df2 100644 --- a/activities/Memorize.activity/css/activity.css +++ b/activities/Memorize.activity/css/activity.css @@ -200,17 +200,17 @@ textarea { } .customTooltip .introjs-skipbutton { - float: right; - cursor: pointer; - background-image: url(../icons/dialog-cancel.svg); - width: 25px; - height: 25px; - background-size: 25px 25px; - margin-top: 2px; - padding: 0px; - text-indent: 100%; - white-space: nowrap; - overflow: hidden; + float: right; + cursor: pointer; + background-image: url(../icons/dialog-cancel.svg); + width: 25px; + height: 25px; + background-size: 25px 25px; + margin-top: 2px; + padding: 0px; + white-space: nowrap; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/MindMath.activity/css/activity.css b/activities/MindMath.activity/css/activity.css index 606b38b9f..c081d9fb8 100644 --- a/activities/MindMath.activity/css/activity.css +++ b/activities/MindMath.activity/css/activity.css @@ -478,9 +478,9 @@ body { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/Moon.activity/css/activity.css b/activities/Moon.activity/css/activity.css index 38fc4506b..b761bf816 100644 --- a/activities/Moon.activity/css/activity.css +++ b/activities/Moon.activity/css/activity.css @@ -101,10 +101,10 @@ canvas { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; -} + color: #808080; + line-height: 27px; +} .customTooltip .introjs-nextbutton::before { content: ""; diff --git a/activities/Paint.activity/css/activity.css b/activities/Paint.activity/css/activity.css index 5f53c4e32..053eedaa3 100644 --- a/activities/Paint.activity/css/activity.css +++ b/activities/Paint.activity/css/activity.css @@ -290,9 +290,9 @@ background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/PhysicsJS.activity/css/activity.css b/activities/PhysicsJS.activity/css/activity.css index 1b8f080fd..186d52cc1 100644 --- a/activities/PhysicsJS.activity/css/activity.css +++ b/activities/PhysicsJS.activity/css/activity.css @@ -234,9 +234,9 @@ canvas { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/Planets.activity/css/activity.css b/activities/Planets.activity/css/activity.css index a629d382e..adb8a62ac 100644 --- a/activities/Planets.activity/css/activity.css +++ b/activities/Planets.activity/css/activity.css @@ -99,9 +99,9 @@ body { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/QRCode.activity/css/activity.css b/activities/QRCode.activity/css/activity.css index 4290898ba..7f8ffdd25 100644 --- a/activities/QRCode.activity/css/activity.css +++ b/activities/QRCode.activity/css/activity.css @@ -62,9 +62,9 @@ background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/Record.activity/css/activity.css b/activities/Record.activity/css/activity.css index c78ecad9f..802710397 100644 --- a/activities/Record.activity/css/activity.css +++ b/activities/Record.activity/css/activity.css @@ -125,9 +125,9 @@ body { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/Reflection.activity/css/activity.css b/activities/Reflection.activity/css/activity.css index 3a24e310b..52e666e3a 100644 --- a/activities/Reflection.activity/css/activity.css +++ b/activities/Reflection.activity/css/activity.css @@ -87,9 +87,9 @@ body{ background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/SharedNotes.activity/css/activity.css b/activities/SharedNotes.activity/css/activity.css index 9f6ff9750..069cd7f84 100644 --- a/activities/SharedNotes.activity/css/activity.css +++ b/activities/SharedNotes.activity/css/activity.css @@ -216,9 +216,9 @@ background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/Speak.activity/css/activity.css b/activities/Speak.activity/css/activity.css index 54802525e..59543a642 100644 --- a/activities/Speak.activity/css/activity.css +++ b/activities/Speak.activity/css/activity.css @@ -341,10 +341,10 @@ body { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; - } + color: #808080; + line-height: 27px; +} .customTooltip .introjs-nextbutton::before { content: ""; diff --git a/activities/SprintMath.activity/css/activity.css b/activities/SprintMath.activity/css/activity.css index 331a3ab4e..3de0e1fe6 100644 --- a/activities/SprintMath.activity/css/activity.css +++ b/activities/SprintMath.activity/css/activity.css @@ -284,9 +284,9 @@ html { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/Stopwatch.activity/css/activity.css b/activities/Stopwatch.activity/css/activity.css index 3b1896431..2b57d04f7 100644 --- a/activities/Stopwatch.activity/css/activity.css +++ b/activities/Stopwatch.activity/css/activity.css @@ -260,9 +260,9 @@ button.remove { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/Story.activity/css/activity.css b/activities/Story.activity/css/activity.css index 686ddcd3f..9b1a1767e 100644 --- a/activities/Story.activity/css/activity.css +++ b/activities/Story.activity/css/activity.css @@ -281,9 +281,9 @@ p { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/TamTamMicro.activity/css/activity.css b/activities/TamTamMicro.activity/css/activity.css index e2034238a..953fd7c9c 100644 --- a/activities/TamTamMicro.activity/css/activity.css +++ b/activities/TamTamMicro.activity/css/activity.css @@ -91,10 +91,10 @@ body{ background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; -} + color: #808080; + line-height: 27px; +} .customTooltip .introjs-nextbutton::before { content: ""; diff --git a/activities/Tangram.activity/css/activity.css b/activities/Tangram.activity/css/activity.css index ab37b0052..ee1dfc2a9 100644 --- a/activities/Tangram.activity/css/activity.css +++ b/activities/Tangram.activity/css/activity.css @@ -449,9 +449,9 @@ p { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/TankOp.activity/css/activity.css b/activities/TankOp.activity/css/activity.css index 00a3e9433..1d6a379e1 100644 --- a/activities/TankOp.activity/css/activity.css +++ b/activities/TankOp.activity/css/activity.css @@ -79,9 +79,9 @@ body { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/VideoViewer.activity/css/activity.css b/activities/VideoViewer.activity/css/activity.css index 3278e7f1c..b6452cf6f 100644 --- a/activities/VideoViewer.activity/css/activity.css +++ b/activities/VideoViewer.activity/css/activity.css @@ -556,9 +556,9 @@ body { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/activities/Vote.activity/css/activity.css b/activities/Vote.activity/css/activity.css index 444e38d12..7b946108a 100644 --- a/activities/Vote.activity/css/activity.css +++ b/activities/Vote.activity/css/activity.css @@ -242,10 +242,10 @@ p { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; - } + color: #808080; + line-height: 27px; +} .customTooltip .introjs-nextbutton::before { content: ""; diff --git a/activities/Write.activity/css/activity.css b/activities/Write.activity/css/activity.css index 190e8afdc..a0daa5165 100644 --- a/activities/Write.activity/css/activity.css +++ b/activities/Write.activity/css/activity.css @@ -347,18 +347,18 @@ body { } .customTooltip .introjs-skipbutton { - float: right; - cursor: pointer; - background-image: url(../icons/dialog-cancel.svg); - width: 25px; - height: 25px; - background-size: 25px 25px; - margin-top: 2px; - padding: 0px; - text-indent: 100%; - white-space: nowrap; - overflow: hidden; -} + float: right; + cursor: pointer; + background-image: url(../icons/dialog-cancel.svg); + width: 25px; + height: 25px; + background-size: 25px 25px; + margin-top: 2px; + padding: 0px; + white-space: nowrap; + color: #808080; + line-height: 27px; +} .customTooltip .introjs-nextbutton::before { content: ""; diff --git a/activities/XOEditor.activity/css/activity.css b/activities/XOEditor.activity/css/activity.css index f21e58e1b..1e8a48fdc 100644 --- a/activities/XOEditor.activity/css/activity.css +++ b/activities/XOEditor.activity/css/activity.css @@ -109,10 +109,10 @@ body { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; -} + color: #808080; + line-height: 27px; +} .customTooltip .introjs-nextbutton::before { content: ""; diff --git a/activities/XmasLights.activity/css/activity.css b/activities/XmasLights.activity/css/activity.css index 5006ab590..9e3fcfa58 100644 --- a/activities/XmasLights.activity/css/activity.css +++ b/activities/XmasLights.activity/css/activity.css @@ -187,9 +187,9 @@ p { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/css/styles.css b/css/styles.css index 0feb1ac3c..8aa22b8fb 100644 --- a/css/styles.css +++ b/css/styles.css @@ -2086,9 +2086,9 @@ body { background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { diff --git a/docs/tutorial/VanillaJS/step9.md b/docs/tutorial/VanillaJS/step9.md index 89124cb10..4b5ea206b 100644 --- a/docs/tutorial/VanillaJS/step9.md +++ b/docs/tutorial/VanillaJS/step9.md @@ -226,9 +226,9 @@ We need also to define custom CSS class `customTooltip` used here. To do that, a background-size: 25px 25px; margin-top: 2px; padding: 0px; - text-indent: 100%; white-space: nowrap; - overflow: hidden; + color: #808080; + line-height: 27px; } .customTooltip .introjs-nextbutton::before { From c0045bb22493aaed74c515db7f94c1fc2e475644 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lionel=20Lask=C3=A9?= Date: Wed, 30 Aug 2023 22:46:58 +0200 Subject: [PATCH 2/2] Update CHANGELOG --- CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 54d2cda1c..a58dce5a0 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -25,6 +25,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0. - Unable to create password mainly based on numbers #1380 - QR activity Photo Loading Icon Overlaping #1268 - Fototoon Activity: interactive buttons appears under the box shape #1221 +- "Help" pop-ups nearly impossible to close in Chrome on Mobile #1403 ## [1.7.0] - 2023-03-28 ### Added