changeset 6852:ca4ab5047f74

templates: jQuery DataTables need explicit width="100%" for resizing to work correctly With Firefox, the resizing worked when making the browser window smaller, but not when when making the browser window larger. With Chrome and other browsers, neither worked. https://datatables.net/examples/basic_init/flexible_width.html says something about this. Follow their ugly advice and add explicit width to the templates.
author domruf <dominikruf@gmail.com>
date Mon, 26 Jun 2017 20:47:49 +0200
parents 789de118156b
children 2ce1f4cd87d8
files kallithea/templates/admin/my_account/my_account_repos.html kallithea/templates/admin/my_account/my_account_watched.html kallithea/templates/admin/repo_groups/repo_groups.html kallithea/templates/admin/repos/repos.html kallithea/templates/admin/user_groups/user_groups.html kallithea/templates/admin/users/users.html kallithea/templates/index_base.html
diffstat 7 files changed, 8 insertions(+), 8 deletions(-) [+]
line wrap: on
line diff
--- a/kallithea/templates/admin/my_account/my_account_repos.html	Thu Jun 29 23:17:15 2017 +0200
+++ b/kallithea/templates/admin/my_account/my_account_repos.html	Mon Jun 26 20:47:49 2017 +0200
@@ -1,7 +1,7 @@
 <h4>${_('Repositories You Own')}</h4>
 
 <div>
-    <table class="table" id="datatable_list_wrap"></table>
+    <table class="table" id="datatable_list_wrap" width="100%"></table>
 </div>
 
 <script>
--- a/kallithea/templates/admin/my_account/my_account_watched.html	Thu Jun 29 23:17:15 2017 +0200
+++ b/kallithea/templates/admin/my_account/my_account_watched.html	Mon Jun 26 20:47:49 2017 +0200
@@ -1,7 +1,7 @@
 <h4>${_('Repositories You are Watching')}</h4>
 
 <div>
-    <table class="table" id="datatable_list_wrap"></table>
+    <table class="table" id="datatable_list_wrap" width="100%"></table>
 </div>
 
 <script>
--- a/kallithea/templates/admin/repo_groups/repo_groups.html	Thu Jun 29 23:17:15 2017 +0200
+++ b/kallithea/templates/admin/repo_groups/repo_groups.html	Mon Jun 26 20:47:49 2017 +0200
@@ -27,7 +27,7 @@
         </div>
     </div>
     <div class="panel-body">
-        <table class="table" id="datatable_list_wrap"></table>
+        <table class="table" id="datatable_list_wrap" width="100%"></table>
     </div>
 </div>
 <script>
--- a/kallithea/templates/admin/repos/repos.html	Thu Jun 29 23:17:15 2017 +0200
+++ b/kallithea/templates/admin/repos/repos.html	Mon Jun 26 20:47:49 2017 +0200
@@ -25,7 +25,7 @@
         </div>
     </div>
     <div class="panel-body">
-        <table class="table" id="datatable_list_wrap"></table>
+        <table class="table" id="datatable_list_wrap" width="100%"></table>
     </div>
 
 </div>
--- a/kallithea/templates/admin/user_groups/user_groups.html	Thu Jun 29 23:17:15 2017 +0200
+++ b/kallithea/templates/admin/user_groups/user_groups.html	Mon Jun 26 20:47:49 2017 +0200
@@ -26,7 +26,7 @@
         </div>
     </div>
     <div class="panel-body">
-        <table class="table" id="datatable_list_wrap"></table>
+        <table class="table" id="datatable_list_wrap" width="100%"></table>
     </div>
 </div>
 <script>
--- a/kallithea/templates/admin/users/users.html	Thu Jun 29 23:17:15 2017 +0200
+++ b/kallithea/templates/admin/users/users.html	Mon Jun 26 20:47:49 2017 +0200
@@ -24,7 +24,7 @@
         </div>
     </div>
     <div class="panel-body">
-        <table class="table" id="datatable_list_wrap"></table>
+        <table class="table" id="datatable_list_wrap" width="100%"></table>
     </div>
 </div>
 
--- a/kallithea/templates/index_base.html	Thu Jun 29 23:17:15 2017 +0200
+++ b/kallithea/templates/index_base.html	Mon Jun 26 20:47:49 2017 +0200
@@ -41,7 +41,7 @@
         </div>
         %if c.groups:
         <div class="panel-body">
-              <table id="groups_list" class="table">
+              <table id="groups_list" class="table" width="100%">
                   <thead>
                       <tr>
                           <th class="left">${_('Repository Group')}</th>
@@ -67,7 +67,7 @@
         </div>
         %endif
         <div class="panel-body">
-            <table class="table" id="repos_list_wrap"></table>
+            <table class="table" id="repos_list_wrap" width="100%"></table>
         </div>
     </div>