theme fixes

2 files changed, 22 insertions, 4 deletions

diff --git a/view/js/main.js b/view/js/main.js
index c463b1f59..ced1a517e 100644
--- a/view/js/main.js
+++ b/view/js/main.js
@@ -86,6 +86,10 @@ $(document).ready(function() {
 	$(document).on('click', '.conversation-settings-link', getConversationSettings);
 	$(document).on('click', '#settings_module_ajax_submit', postConversationSettings);
 
+	$(document).on('click', '#expand-aside',  function() {
+		toggleAside();
+	});
+
 	$(document).on('click focus', '.comment-edit-form  textarea', function(e) {
 		if(! this.autocomplete_handled) {
 			/* autocomplete @nicknames */
@@ -1779,4 +1783,21 @@ function push_notification(title, body, b64mid) {
 	}
 }
 
-
+function toggleAside() {
+	if ($('main.region_1-on').length) {
+		$('#expand-aside-icon').addClass('fa-arrow-circle-right').removeClass('fa-arrow-circle-left');
+		$('html, body').css({ 'position': '', 'left': '' });
+		$('main').removeClass('region_1-on');
+		$('#region_1').addClass('d-none');
+		$('#region_2').css({ 'min-width': '' });
+		$('#overlay').remove();
+	}
+	else {
+		$('#expand-aside-icon').removeClass('fa-arrow-circle-right').addClass('fa-arrow-circle-left');
+		$('html, body').css({ 'position': 'sticky',  'left': '0px'});
+		$('main').addClass('region_1-on');
+		$('#region_1').removeClass('d-none');
+		$('#region_2').css({ 'min-width': window.outerWidth });
+		$('<div id="overlay"></div>').appendTo('body').one('click', function() { toggleAside(); });
+	}
+}
diff --git a/view/js/mod_hq.js b/view/js/mod_hq.js
index dc274c5bf..1e4c02768 100644
--- a/view/js/mod_hq.js
+++ b/view/js/mod_hq.js
@@ -20,20 +20,17 @@ $(document).ready(function() {
 
 	$(document).on('click', '.channel-activities-toggle', function(e) {
 		$(window).scrollTop(0);
-		$(document).trigger('hz:hqControlsClickAction');
 		$('#channel-activities').toggleClass('d-none');
 		$(this).toggleClass('active');
 	});
 
 	$(document).on('click', '.jot-toggle', function(e) {
-		$(document).trigger('hz:hqControlsClickAction');
 		$('#jot-popup').toggle();
 		$('#profile-jot-text').focus().get(0).scrollIntoView({block: 'center'});
 		$(this).toggleClass('active');
 	});
 
 	$(document).on('click', '.notes-toggle', function(e) {
-		$(document).trigger('hz:hqControlsClickAction');
 		$('#personal-notes').toggleClass('d-none');
 		$('#note-text-html').get(0).scrollIntoView({block: 'center'});
 		$(this).toggleClass('active');