From e0f5a239f12f1b883e97749c5c62b43380742911 Mon Sep 17 00:00:00 2001 From: Anthony Geourjon <anthony.geourjon@tetras-libre.fr> Date: Tue, 14 Jan 2025 17:39:38 +0100 Subject: [PATCH] Global look and feel --- macao/assets/_custom.scss | 31 ++++++++++++++++++++++--------- macao/assets/custom.js | 2 +- macao/themes/macao-hugo-theme | 2 +- 3 files changed, 24 insertions(+), 11 deletions(-) diff --git a/macao/assets/_custom.scss b/macao/assets/_custom.scss index 0bd9d02..d413c45 100644 --- a/macao/assets/_custom.scss +++ b/macao/assets/_custom.scss @@ -1,19 +1,24 @@ body { - --accent-quiz: #2aa198; - // Defined but not used for now --quizz-backgourd-color: #00000; --feedback-sucess-color: lightgreen; --feedback-error-color: #ef5d5d; + --secondary-background-color: white; + --macao-primary-color: #2aa198; + --macao-secondary-color: #268bd2; // To edit HUGO theme colors see macao/themes/macao-hugo-theme/assets/themes/_tetras.scss + // To edit SurveyJs colors see TODO create custom theme for SurveyJs } // *********************************** -// Gloabl +// Global // *********************************** - -#sv-nav-complete { - display: none; +.btn-play{ + cursor: pointer; + background-color: var(--macao-primary-color); + border-radius: 5px; + border: none; + padding: 5px 10px; } p#gapfill-container { @@ -41,7 +46,6 @@ select.sd-dropdown.inline-dropdown, input.sd-input.inline-input { } #correct-indic { - //border: 2px solid var(--accent-quiz); border-radius: 8px; padding: 16px; @@ -77,8 +81,17 @@ select.sd-dropdown.inline-dropdown, input.sd-input.inline-input { // *********************************** // General look and feel // *********************************** +.book-page > article{ + background-color: var(--secondary-background-color); + border-radius: 15px; +} .book-page > article { - background-color: white; padding: 16px; - border-radius: 20px; + margin-top: 16px; +} + +.book-search { + border-radius: 10px; + padding: 0px 5px; + background-color: var(--secondary-background-color); } diff --git a/macao/assets/custom.js b/macao/assets/custom.js index 476925a..2e7e51f 100644 --- a/macao/assets/custom.js +++ b/macao/assets/custom.js @@ -2,7 +2,7 @@ console.log('Custom JS loaded'); $(document).ready(function() { console.log('Custom JS executed'); // Add specific classes to play buttons - $('button:contains("Play")').html('<i class="fa-solid fa-play"></i>'); + $('button:contains("Play")').html('<i class="fa-solid fa-play"></i> Écouter').addClass('btn-play').prop('title','Écouter'); // Add Title on top of the page $('.book-header').show(); diff --git a/macao/themes/macao-hugo-theme b/macao/themes/macao-hugo-theme index b4bd216..37c5cd0 160000 --- a/macao/themes/macao-hugo-theme +++ b/macao/themes/macao-hugo-theme @@ -1 +1 @@ -Subproject commit b4bd21625c8a5d0a1d3a2c1aaafb10102b262578 +Subproject commit 37c5cd01ed787d99267a8b09eb1f942649df09b8 -- GitLab