update: table - responsive for admin-project and project-edit (wip)

src/styles/base/table.scss

@@ -1,11 +1,8 @@
 /*#circle-information,
 #circle-edit,
-#admin-circle-list,
 #admin-circle-create,
 #project-edit,
-#admin-project-list,
+#admin-project-create*/
-#admin-project-create,
-#admin-users-list*/
 
 [widget="hubl-team-template-edit"]>div {
   flex: 1;
@@ -112,16 +109,20 @@
         display: table-cell;
       }
 
-      .w75 {
+      .w786 {
-        width: 280px;
+        width: 786px;
       }
 
-      .w25 {
+      .w262 {
-        width: 70px;
+        width: 262px;
       }
 
-      .w33 {
+      .w349 {
-        width: 256px;
+        width: 349px;
+      }
+
+      .w698 {
+        width: 698px;
       }
 
       /*.w25 {

src/styles/layout/user/admin-users.scss

@@ -1,6 +1,6 @@
 /* Fix. Could disappear when we can add .class on set fields */
 sib-set-default[name='cell-1'] {
-  @extend .w75;
+  @extend .w786;
   @extend .cell;
   @extend .border;
 }

src/views/admin/page-admin-circles.pug

@@ -42,9 +42,9 @@
         .table
 
           div.table-header.grey-color
-            div.w33 Nom
+            div.w349 Nom
-            div.w33 Administrateurs
+            div.w349 Administrateurs
-            div.w33 Rejoindre
+            div.w349 Rejoindre
 
           sib-widget(name='hubl-admin-circle-leave-button')
             template
@@ -61,9 +61,9 @@
             nested-field='circles'
             fields='circle.name, circle.owner, leaveButton'
 
-            class-circle.name='w33 cell border cell-with-name'
+            class-circle.name='w349 cell border cell-with-name'
-            class-circle.owner='w33 cell border cell-with-id-card'
+            class-circle.owner='w349 cell border cell-with-id-card'
-            class-leaveButton='w33 cell border cell-with-buttons'
+            class-leaveButton='w349 cell border cell-with-buttons'
 
             action-leaveButton="joinButton"
             widget-leaveButton="hubl-admin-circle-leave-button"
@@ -90,11 +90,11 @@
             data-src=`${endpoints.circles || endpoints.get.circles}joinable/`
             fields='name, owner, members'
 
-            class-name='w33 cell border cell-with-name'
+            class-name='w349 cell border cell-with-name'
-            class-owner='w33 cell border cell-with-id-card'
+            class-owner='w349 cell border cell-with-id-card'
             widget-owner='hubl-circle-owner'
 
-            class-members='w33 cell border cell-with-buttons'
+            class-members='w349 cell border cell-with-buttons'
             widget-members="hubl-admin-circle-join-button"
 
             order-by="name"

src/views/admin/page-admin-projects.pug

@@ -22,13 +22,13 @@
           next='admin-project-create'
         ) Créer un projet
 
-      .gridjs-wrapper
+      .table-wrapper
         .table
           div.table-header.grey-color
-            div.w25 Nom
+            div.w262 Nom
-            div.w25 Administrateurs
+            div.w262 Administrateurs
-            div.w25 Capitaines
+            div.w262 Capitaines
-            div.w25 Accès
+            div.w262 Accès
 
           sib-widget(name="hubl-admin-project-leave-button")
             template
@@ -82,10 +82,10 @@
             data-src=`${endpoints.projects || endpoints.get.projects}`
             fields='name, members, captain, buttons'
 
-            class-name='w25 cell border cell-with-name hashtag'
+            class-name='w262 cell border cell-with-name hashtag'
-            class-members='w25 cell border'
+            class-members='w262 cell border'
-            class-captain='w25 cell border cell-with-id-card'
+            class-captain='w262 cell border cell-with-id-card'
-            class-buttons='w25 cell border cell-with-buttons'
+            class-buttons='w262 cell border cell-with-buttons'
 
             widget-buttons="admin-project-buttons"
             action-buttons="buttons"

src/views/admin/page-admin-users.pug

@@ -31,8 +31,8 @@
       .table-wrapper
         .table
           div.table-header.grey-color
-            div.w75 Nom
+            div.w786 Nom
-            div.w25
+            div.w262
         
           sib-display(
             class='table-body'
@@ -47,7 +47,7 @@
 
             label-actions='Edit'
             action-actions='admin-users-edit'
-            class-actions='w25 cell border cell-with-buttons'
+            class-actions='w262 cell border cell-with-buttons'
             widget-actions='hubl-sib-action-custom'
 
             order-by='username'

src/views/circle/page-circle-edit.pug

@@ -8,7 +8,7 @@ div.content-box__info
   sib-widget(name='hubl-team-template-edit')
     template
       sib-display.user-thumb(
-        class='w66 cell border cell-with-id-card user-thumb'
+        class='w698 cell border cell-with-id-card user-thumb'
         data-src='${await value.user}'
         fields='account.picture, sup(name, groups), sub(profile.city)'
 
@@ -24,7 +24,7 @@ div.content-box__info
       )
 
       sib-ac-checker(
-        class='w33 cell border'
+        class='w349 cell border'
         permission="acl:Delete"
         data-src="${value['@id']}"
       )
@@ -36,7 +36,7 @@ div.content-box__info
 
       //- Only to show the table grid
       sib-ac-checker(
-        class='w33 cell border'
+        class='w349 cell border'
         no-permission="acl:Delete"
         data-src="${value['@id']}"
       )
@@ -88,11 +88,11 @@ div.content-box__info
       submit-button='Ajouter un membre'
     )
 
+  .table-wrapper
     .table
-
       div.table-header.grey-color
-      div.w66 Nom
+        div.w698 Nom
-      div.w33 Accès
+        div.w349 Accès
 
       //-class='table-body'
       sib-display(
@@ -100,6 +100,7 @@ div.content-box__info
         bind-resources
         fields='members'
 
+        class-members='w698'
         multiple-members=''
         widget-members='hubl-team-template-edit'
       )

src/views/project/page-project-edit.pug

@@ -56,8 +56,8 @@ div.content-box__info.flex
   .table
 
     div.table-header.grey-color
-      div.w66 Nom
+      div.w698 Nom
-      div.w33 Accès
+      div.w349 Accès
 
     //-class='table-body'
     sib-display(