From 30ccffecfd6f931835308cc0818c33f4246da8b5 Mon Sep 17 00:00:00 2001 From: Samarth Bagga Date: Mon, 22 Apr 2024 00:24:10 +0530 Subject: [PATCH] pallette pop down --- activities/DollarStreet.activity/js/palettes/incomes.js | 4 ++++ activities/DollarStreet.activity/js/palettes/regions.js | 4 ++++ activities/DollarStreet.activity/js/palettes/things.js | 4 ++++ 3 files changed, 12 insertions(+) diff --git a/activities/DollarStreet.activity/js/palettes/incomes.js b/activities/DollarStreet.activity/js/palettes/incomes.js index 5371189aa..1b40d0234 100644 --- a/activities/DollarStreet.activity/js/palettes/incomes.js +++ b/activities/DollarStreet.activity/js/palettes/incomes.js @@ -34,6 +34,10 @@ define(['sugar-web/graphics/palette',"text!activity/palettes/incomes.html"], fun that.getPalette().dispatchEvent(that.incomeEvent); }); + document.querySelector('#content').addEventListener('click', function(event){ + that.popDown(); + }); + let wrapper = this.getPalette().childNodes[1]; wrapper.style.width = "450px"; wrapper.style.maxWidth = "400px"; diff --git a/activities/DollarStreet.activity/js/palettes/regions.js b/activities/DollarStreet.activity/js/palettes/regions.js index 5604119f9..1e4c70c55 100644 --- a/activities/DollarStreet.activity/js/palettes/regions.js +++ b/activities/DollarStreet.activity/js/palettes/regions.js @@ -61,6 +61,10 @@ define(["sugar-web/graphics/palette"], function(palette) { that.getPalette().firstChild.style.backgroundColor = "transparent"; that.getPalette().firstChild.style.backgroundImage = ""; + document.querySelector('#content').addEventListener('click', function(event){ + that.popDown(); + }); + function popDownOnButtonClick(event) { console.log(event); that.popDown(); diff --git a/activities/DollarStreet.activity/js/palettes/things.js b/activities/DollarStreet.activity/js/palettes/things.js index af3692f74..fffee619b 100644 --- a/activities/DollarStreet.activity/js/palettes/things.js +++ b/activities/DollarStreet.activity/js/palettes/things.js @@ -55,6 +55,10 @@ define(["sugar-web/graphics/palette"], function(palette) { that.getPalette().firstChild.style.backgroundColor = "transparent"; that.getPalette().firstChild.style.backgroundImage = ""; + document.querySelector('#content').addEventListener('click', function(event){ + that.popDown(); + }); + function popDownOnButtonClick(event) { console.log(event); that.popDown();