From bccbb427ca180f96278cf06964881191c609a203 Mon Sep 17 00:00:00 2001 From: Frode Petterson Date: Fri, 4 Mar 2016 12:42:01 +0100 Subject: [PATCH 1/3] Description is HTML not text Thanks to Realia on the forum for reporting this bug --- popup.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/popup.js b/popup.js index 2973974..44a12de 100644 --- a/popup.js +++ b/popup.js @@ -23,7 +23,7 @@ * @param {function} done */ self.show = function (desc, $img, done) { - $desc.text(desc); + $desc.html(desc); $img.appendTo($image.html('')); $popup.show(); closed = done; From 7bbcba57a217156c32626a7238e20566a3f95af5 Mon Sep 17 00:00:00 2001 From: Frode Petterson Date: Fri, 4 Mar 2016 12:43:32 +0100 Subject: [PATCH 2/3] Adjust description dialog Fits better when there's only a single row --- memory-game.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/memory-game.css b/memory-game.css index 9dd0a34..d3c174c 100644 --- a/memory-game.css +++ b/memory-game.css @@ -159,7 +159,7 @@ html .h5p-memory-game > ul { padding: 1em; width: 20em; position: absolute; - top: 4em; + top: 2em; left: 50%; margin-left: -10em; box-shadow: 0 0 1em #666; From 92e9cd5273aeb099ffcccd02c6ca075884d59529 Mon Sep 17 00:00:00 2001 From: Frode Petterson Date: Fri, 4 Mar 2016 12:44:30 +0100 Subject: [PATCH 3/3] Adjustments to status text Does not display properly in all themes --- memory-game.css | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/memory-game.css b/memory-game.css index d3c174c..157ab81 100644 --- a/memory-game.css +++ b/memory-game.css @@ -5,15 +5,16 @@ html .h5p-memory-game > ul { list-style: none; padding: 0; margin: 0; + overflow: hidden; } .h5p-memory-game .h5p-memory-card, .h5p-memory-game .h5p-memory-card .h5p-back, .h5p-memory-game .h5p-memory-card .h5p-front { width: 100px; height: 100px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; user-select: none; } .h5p-memory-game img { @@ -76,7 +77,7 @@ html .h5p-memory-game > ul { left: 35px; } .h5p-memory-game .h5p-memory-card .h5p-front:after { - content: ""; + content: ""; display: block; position: absolute; top: 85%; @@ -140,10 +141,11 @@ html .h5p-memory-game > ul { .h5p-memory-game .h5p-status { clear: left; padding: 0 1em; + margin: 0.25em 0 1em 0; } .h5p-memory-game .h5p-status > dt { float: left; - margin-right: 1em; + margin: 0 1em 0 0; font-weight: bold; } .h5p-memory-game .h5p-status > dt:after {