From 46b0b5b5014315ec2eceeca8ed81f54936ddcc3a Mon Sep 17 00:00:00 2001
From: Anthony Geourjon <anthony.geourjon@tetras-libre.fr>
Date: Tue, 14 Jan 2025 19:51:15 +0100
Subject: [PATCH] Global improvement
---
macao/assets/_custom.scss | 24 ++++++++++++++++++------
macao/assets/custom.js | 2 +-
2 files changed, 19 insertions(+), 7 deletions(-)
diff --git a/macao/assets/_custom.scss b/macao/assets/_custom.scss
index b2a8a4b..76417be 100644
--- a/macao/assets/_custom.scss
+++ b/macao/assets/_custom.scss
@@ -1,8 +1,8 @@
body {
// Global theme colors are defined in macao/themes/macao-hugo-theme/assets/_defaults.scss and go to @mixin theme-tetras
--quizz-backgourd-color: #00000;
- --feedback-sucess-color: lightgreen;
- --feedback-error-color: #ef5d5d;
+ --feedback-sucess-color: rgba(167, 243, 167, 0.8);
+ --feedback-error-color: #f8a5a5;
// To edit SurveyJs colors see TODO create custom theme for SurveyJs
}
@@ -10,7 +10,7 @@ body {
// ***********************************
// Global
// ***********************************
-.btn-play{
+.btn-play {
cursor: pointer;
background-color: var(--macao-primary-color);
border-radius: 5px;
@@ -34,11 +34,11 @@ select.sd-dropdown.inline-dropdown, input.sd-input.inline-input {
// ***********************************
// User Feedback in quizz
// ***********************************
-#correct-indic.incorrect{
+#correct-indic.incorrect {
background-color: var(--feedback-error-color);
}
-#correct-indic.correct{
+#correct-indic.correct {
background-color: var(--feedback-sucess-color);
}
@@ -78,10 +78,11 @@ select.sd-dropdown.inline-dropdown, input.sd-input.inline-input {
// ***********************************
// General look and feel
// ***********************************
-.book-page > article{
+.book-page > article {
background-color: var(--secondary-background-color);
border-radius: 15px;
}
+
.book-page > article {
padding: 16px;
margin-top: 16px;
@@ -102,6 +103,7 @@ a.active {
background-color: var(--macao-primary-color);
border-radius: 5px;
padding: 5px;
+ margin-right: 5px;
}
// Hide element when width is less than 900px
@@ -129,3 +131,13 @@ a.active {
color: black;
max-width: 500px;
}
+
+
+em:not(:has(strong)) {
+ background-color: lightgray;
+ padding: 3px;
+ padding-right: 4px;
+ border-radius: 5px;
+
+}
+
diff --git a/macao/assets/custom.js b/macao/assets/custom.js
index 6cb8058..68f94af 100644
--- a/macao/assets/custom.js
+++ b/macao/assets/custom.js
@@ -8,7 +8,7 @@ $(document).ready(function() {
$('.book-header').show();
$('.commentaireInfo').hide();
- $('.commentaireInfo').prop('popover', 'true');
+ $('.commentaireInfo').prop('popover', 'auto');
$('.commentaireInfoGroup').show();
// Comment popover
--
GitLab