From 85d9774dffc5c35df15215b2cf6aaff17dac041b Mon Sep 17 00:00:00 2001
From: Hannes Heute <haheute@posteo.de>
Date: Fri, 5 Jul 2024 00:15:19 +0200
Subject: [PATCH] Hide inflated widgets when Javascript is off

---
 view/templates/circle_side.tpl                      | 2 +-
 view/templates/widget/accounts.tpl                  | 2 +-
 view/templates/widget/community_sharer.tpl          | 2 +-
 view/templates/widget/filter.tpl                    | 2 +-
 view/templates/widget/group_list.tpl                | 4 ++--
 view/templates/widget/posted_date.tpl               | 6 +++---
 view/templates/widget/saved_searches.tpl            | 4 ++--
 view/templates/widget/tagcloud.tpl                  | 2 +-
 view/templates/widget/trending_tags.tpl             | 2 +-
 view/theme/frio/css/style.css                       | 3 +++
 view/theme/frio/templates/circle_side.tpl           | 2 +-
 view/theme/frio/templates/widget/saved_searches.tpl | 2 +-
 view/theme/vier/style.css                           | 2 +-
 13 files changed, 19 insertions(+), 16 deletions(-)

diff --git a/view/templates/circle_side.tpl b/view/templates/circle_side.tpl
index c33638130c..27a53449a6 100644
--- a/view/templates/circle_side.tpl
+++ b/view/templates/circle_side.tpl
@@ -1,4 +1,4 @@
-<span id="circle-sidebar-inflated" class="widget fakelink" onclick="openCloseWidget('circle-sidebar', 'circle-sidebar-inflated');">
+<span id="circle-sidebar-inflated" class="widget inflated fakelink" onclick="openCloseWidget('circle-sidebar', 'circle-sidebar-inflated');">
 	<h3>{{$title}}</h3>
 </span>
 <div class="widget" id="circle-sidebar">
diff --git a/view/templates/widget/accounts.tpl b/view/templates/widget/accounts.tpl
index 84a7fc305e..73dd0adf3d 100644
--- a/view/templates/widget/accounts.tpl
+++ b/view/templates/widget/accounts.tpl
@@ -1,4 +1,4 @@
-<span id="sidebar-accounts-inflated" class="widget fakelink" onclick="openCloseWidget('sidebar-accounts', 'sidebar-accounts-inflated');">
+<span id="sidebar-accounts-inflated" class="widget inflated fakelink" onclick="openCloseWidget('sidebar-accounts', 'sidebar-accounts-inflated');">
 	<h3>{{$title}}</h3>
 </span>
 <div id="sidebar-accounts" class="widget">
diff --git a/view/templates/widget/community_sharer.tpl b/view/templates/widget/community_sharer.tpl
index 7b2c0f847c..39d09746fe 100644
--- a/view/templates/widget/community_sharer.tpl
+++ b/view/templates/widget/community_sharer.tpl
@@ -1,4 +1,4 @@
-<span id="sidebar-community-no-sharer-inflated" class="widget fakelink" onclick="openCloseWidget('sidebar-community-no-sharer', 'sidebar-community-no-sharer-inflated');">
+<span id="sidebar-community-no-sharer-inflated" class="widget inflated fakelink" onclick="openCloseWidget('sidebar-community-no-sharer', 'sidebar-community-no-sharer-inflated');">
 	<h3>{{$title}}</h3>
 </span>
 <div id="sidebar-community-no-sharer" class="widget">
diff --git a/view/templates/widget/filter.tpl b/view/templates/widget/filter.tpl
index afe6b455f3..3ddb6ba282 100644
--- a/view/templates/widget/filter.tpl
+++ b/view/templates/widget/filter.tpl
@@ -1,4 +1,4 @@
-<span id="{{$type}}-sidebar-inflated" class="widget fakelink" onclick="openCloseWidget('{{$type}}-sidebar', '{{$type}}-sidebar-inflated');">
+<span id="{{$type}}-sidebar-inflated" class="widget inflated fakelink" onclick="openCloseWidget('{{$type}}-sidebar', '{{$type}}-sidebar-inflated');">
 	<h3>{{$title}}</h3>
 </span>
 <div id="{{$type}}-sidebar" class="widget">
diff --git a/view/templates/widget/group_list.tpl b/view/templates/widget/group_list.tpl
index 2d29855de5..43aec4fa04 100644
--- a/view/templates/widget/group_list.tpl
+++ b/view/templates/widget/group_list.tpl
@@ -12,7 +12,7 @@ function showHideGroupList() {
 }
 </script>
 <span id="group-list-sidebar-frame">
-<span id="group-list-sidebar-inflated" class="widget fakelink" onclick="openCloseWidget('group-list-sidebar', 'group-list-sidebar-inflated');">
+<span id="group-list-sidebar-inflated" class="widget inflated fakelink" onclick="openCloseWidget('group-list-sidebar', 'group-list-sidebar-inflated');">
 	<h3>{{$title}}</h3>
 </span>
 <div id="group-list-sidebar" class="widget">
@@ -25,7 +25,7 @@ function showHideGroupList() {
 		</a>
 	</div>
 	<div id="sidebar-group-list" class="sidebar-widget-list">
-		{{* The list of available groups *}}	
+		{{* The list of available groups *}}
 	<ul id="group-list-sidebar-ul" role="menu">
 		{{foreach $groups as $group}}
 		{{if $group.id <= $visible_groups}}
diff --git a/view/templates/widget/posted_date.tpl b/view/templates/widget/posted_date.tpl
index 3c2380c60d..a8dfad2a78 100644
--- a/view/templates/widget/posted_date.tpl
+++ b/view/templates/widget/posted_date.tpl
@@ -11,7 +11,7 @@ function showHideDates() {
 }
 </script>
 
-<span id="datebrowse-sidebar-inflated" class="widget fakelink" onclick="openCloseWidget('datebrowse-sidebar', 'datebrowse-sidebar-inflated');">
+<span id="datebrowse-sidebar-inflated" class="widget inflated fakelink" onclick="openCloseWidget('datebrowse-sidebar', 'datebrowse-sidebar-inflated');">
 	<h3>{{$title}}</h3>
 </span>
 <div id="datebrowse-sidebar" class="widget">
@@ -24,7 +24,7 @@ function showHideDates() {
 		{{if $y == $cutoff_year}}
 		</ul>
 		<ul id="posted-date-selector-drop" class="datebrowse-ul" style="display: none;">
-		{{/if}} 
+		{{/if}}
 
 		<li id="posted-date-selector-year-{{$y}}" class="tool">
 			<a class="datebrowse-link" href="#" onclick="openClose('posted-date-selector-{{$y}}'); return false;">{{$y}}</a>
@@ -40,7 +40,7 @@ function showHideDates() {
 				<li class="tool">
 					<a class="datebrowse-link" href="{{$url}}/{{$d.1}}/{{$d.2}}">{{$d.0}}</a>
 				</li>
-				
+
 				{{/foreach}}
 			</ul>
 		</li>
diff --git a/view/templates/widget/saved_searches.tpl b/view/templates/widget/saved_searches.tpl
index 3ccb1273c6..288ebd5cae 100644
--- a/view/templates/widget/saved_searches.tpl
+++ b/view/templates/widget/saved_searches.tpl
@@ -1,4 +1,4 @@
-<span id="saved-search-list-inflated" class="widget fakelink" onclick="openCloseWidget('saved-search-list', 'saved-search-list-inflated');">
+<span id="saved-search-list-inflated" class="widget inflated fakelink" onclick="openCloseWidget('saved-search-list', 'saved-search-list-inflated');">
 	<h3>{{$title}}</h3>
 </span>
 <div class="widget" id="saved-search-list">
@@ -6,7 +6,7 @@
 		<h3 id="search">{{$title}}</h3>
 	</span>
 	{{$searchbox nofilter}}
-	
+
 	<ul role="menu" id="saved-search-ul">
 		{{foreach $saved as $search}}
 		<li role="menuitem" class="saved-search-li clear">
diff --git a/view/templates/widget/tagcloud.tpl b/view/templates/widget/tagcloud.tpl
index adb67e19cc..2e9e062a99 100644
--- a/view/templates/widget/tagcloud.tpl
+++ b/view/templates/widget/tagcloud.tpl
@@ -1,4 +1,4 @@
-<span id="tagblock-inflated" class="widget fakelink" onclick="openCloseWidget('tagblock', 'tagblock-inflated');">
+<span id="tagblock-inflated" class="widget inflated fakelink" onclick="openCloseWidget('tagblock', 'tagblock-inflated');">
 	<h3>{{$title}}</h3>
 </span>
 <div id="tagblock" class="tagblock widget">
diff --git a/view/templates/widget/trending_tags.tpl b/view/templates/widget/trending_tags.tpl
index 072d72831c..31e22532a0 100644
--- a/view/templates/widget/trending_tags.tpl
+++ b/view/templates/widget/trending_tags.tpl
@@ -1,4 +1,4 @@
-<span id="trending-tags-sidebar-inflated" class="widget fakelink" onclick="openCloseWidget('trending-tags-sidebar', 'trending-tags-sidebar-inflated');">
+<span id="trending-tags-sidebar-inflated" class="widget inflated fakelink" onclick="openCloseWidget('trending-tags-sidebar', 'trending-tags-sidebar-inflated');">
 	<h3>{{$title}}</h3>
 </span>
 <div id="trending-tags-sidebar" class="widget">
diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index 5e1df81be0..c4dde75299 100644
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -90,6 +90,9 @@ blockquote {
 	max-height: 0px !important;
 	overflow: hidden !important;
 }
+.inflated {
+	display: none;
+}
 
 /**
  * details tag
diff --git a/view/theme/frio/templates/circle_side.tpl b/view/theme/frio/templates/circle_side.tpl
index d24ce0c814..8f65537e45 100644
--- a/view/theme/frio/templates/circle_side.tpl
+++ b/view/theme/frio/templates/circle_side.tpl
@@ -1,4 +1,4 @@
-<span id="circle-sidebar-inflated" class="widget fakelink" onclick="openCloseWidget('circle-sidebar', 'circle-sidebar-inflated');">
+<span id="circle-sidebar-inflated" class="widget inflated fakelink" onclick="openCloseWidget('circle-sidebar', 'circle-sidebar-inflated');">
         <h3>{{$title}}</h3>
 </span>
 <div class="widget" id="circle-sidebar">
diff --git a/view/theme/frio/templates/widget/saved_searches.tpl b/view/theme/frio/templates/widget/saved_searches.tpl
index 03623b03b0..fda7d2a043 100644
--- a/view/theme/frio/templates/widget/saved_searches.tpl
+++ b/view/theme/frio/templates/widget/saved_searches.tpl
@@ -1,5 +1,5 @@
 {{if $saved}}
-<span id="saved-search-list-inflated" class="widget fakelink" onclick="openCloseWidget('saved-search-list', 'saved-search-list-inflated');">
+<span id="saved-search-list-inflated" class="widget inflated fakelink" onclick="openCloseWidget('saved-search-list', 'saved-search-list-inflated');">
 	<h3>{{$title}}</h3>
 </span>
 <div class="widget" id="saved-search-list">
diff --git a/view/theme/vier/style.css b/view/theme/vier/style.css
index 3231c7a703..ea54e64227 100644
--- a/view/theme/vier/style.css
+++ b/view/theme/vier/style.css
@@ -312,7 +312,7 @@ a:hover {
 .right {
 	float: right;
 }
-.hidden {
+.hidden, .inflated {
 	display: none;
 }
 .clear {