Use class in template instead col tag

ckan · Feb 14, 2017 · f8098d5 · f8098d5
1 parent 4dcbf7d
commit f8098d5
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 21 deletions.
diff --git a/ckan/public/base/less/group.less b/ckan/public/base/less/group.less
@@ -36,26 +36,26 @@
   }
 }
 
-colgroup {
+.group-org-members {
     @media (min-width: 320px) and (max-width: 479px) {
-        col:first-child {
+        .col-user {
             width: 43%;
         }
-        col + col {
+        .col-role {
             width: 31%;
         }
-        col + col + col {
+        .col-actions {
             width: 36%;
         }
     }
     @media (min-width: 480px) {
-        col:first-child {
+        .col-user {
             width: 55%;
         }
-        col + col {
+        .col-role {
             width: 25%;
         }
-        col + col + col {
+        .col-actions {
             width: 20%;
         }
     }

diff --git a/ckan/templates/group/members.html b/ckan/templates/group/members.html
@@ -8,15 +8,12 @@
 
 {% block primary_content_inner %}
   <h3 class="page-heading">{{ _('{0} members'.format(c.members|length)) }}</h3>
-  <table class="table table-header table-hover table-bordered" id="member-table">
-    <col width="70" />
-    <col width="40" />
-    <col width="20" />
+  <table class="table table-header table-hover table-bordered group-org-members" id="member-table">
     <thead>
       <tr>
-        <th scope="col">{{ _('User') }}</th>
-        <th scope="col">{{ _('Role') }}</th>
-        <th scope="col"></th>
+        <th class="col-user">{{ _('User') }}</th>
+        <th class="col-role">{{ _('Role') }}</th>
+        <th class="col-actions"></th>
       </tr>
     </thead>
     <tbody>

diff --git a/ckan/templates/organization/members.html b/ckan/templates/organization/members.html
@@ -11,15 +11,12 @@
 
 {% block primary_content_inner %}
   <h3 class="page-heading">{{ _('{0} members'.format(c.members|length)) }}</h3>
-  <table class="table table-header table-hover table-bordered">
-    <col width="70" />
-    <col width="40" />
-    <col width="20" />
+  <table class="table table-header table-hover table-bordered group-org-members">
     <thead>
       <tr>
-        <th scope="col">{{ _('User') }}</th>
-        <th scope="col">{{ _('Role') }}</th>
-        <th scope="col"></th>
+          <th class="col-user">{{ _('User') }}</th>
+          <th class="col-role">{{ _('Role') }}</th>
+          <th class="col-actions"></th>
       </tr>
     </thead>
     <tbody>