Add .table-responsive when tables are used. Fix #77

FIWARE-TMForum · May 11, 2016 · 228b9e1 · 228b9e1
1 parent f8358b9
commit 228b9e1
Show file tree

Hide file tree

Showing 6 changed files with 94 additions and 88 deletions.
diff --git a/views/partials/stock/product-catalogue/update-party.jade b/views/partials/stock/product-catalogue/update-party.jade
@@ -1,13 +1,14 @@
-table.table.table-bordered
-  thead
-    tr
-      th Username
-      th Owner
-      th Seller
-  tbody
-    tr(ng-repeat="party in updateVM.item.relatedParty")
-      td {{ party.id }}
-      td.text-success
-        i.fa.fa-check-circle-o(ng-if="party.role == 'Owner'")
-      td.text-success
-        i.fa.fa-check-circle-o(ng-if="party.role == 'Seller'")
+.table-responsive
+  table.table.table-bordered
+    thead
+      tr
+        th Username
+        th Owner
+        th Seller
+    tbody
+      tr(ng-repeat="party in updateVM.item.relatedParty")
+        td {{ party.id }}
+        td.text-success
+          i.fa.fa-check-circle-o(ng-if="party.role == 'Owner'")
+        td.text-success
+          i.fa.fa-check-circle-o(ng-if="party.role == 'Seller'")
diff --git a/views/partials/stock/product/create-form-characteristics.jade b/views/partials/stock/product/create-form-characteristics.jade
@@ -1,25 +1,26 @@
-table.table.table-bordered(ng-if="createVM.characteristics.length")
-  thead
-    tr
-      th #
-      th Name
-      th Type
-      th Values
-      th Default
-      th Delete
-  tbody
-    tr(ng-repeat="characteristic in createVM.characteristics")
-      th {{ $index + 1 }}
-      td {{ characteristic.name }}
-      td {{ characteristic.valueType }}
-      td
-        span(ng-repeat="value in characteristic.productSpecCharacteristicValue")
-          span(ng-if="!$first") , 
-          span {{ createVM.getFormattedValueOf(characteristic, value) }}
-      td {{ createVM.getFormattedValueOf(characteristic, createVM.getDefaultValueOf(characteristic)) }}
-      td
-        a.alert-link-danger(ng-click="createVM.removeCharacteristic($index)")
-          span.fa.fa-trash
+.table-responsive
+  table.table.table-bordered(ng-if="createVM.characteristics.length")
+    thead
+      tr
+        th #
+        th Name
+        th Type
+        th Values
+        th Default
+        th Delete
+    tbody
+      tr(ng-repeat="characteristic in createVM.characteristics")
+        th {{ $index + 1 }}
+        td {{ characteristic.name }}
+        td {{ characteristic.valueType }}
+        td
+          span(ng-repeat="value in characteristic.productSpecCharacteristicValue")
+            span(ng-if="!$first") , 
+            span {{ createVM.getFormattedValueOf(characteristic, value) }}
+        td {{ createVM.getFormattedValueOf(characteristic, createVM.getDefaultValueOf(characteristic)) }}
+        td
+          a.alert-link-danger(ng-click="createVM.removeCharacteristic($index)")
+            span.fa.fa-trash
 .alert.alert-info.text-center(ng-if="!createVM.characteristics.length")
   | No characteristic included.
 include ./create-form-characteristic-form.jade

diff --git a/views/partials/stock/product/create-form-finish.jade b/views/partials/stock/product/create-form-finish.jade
@@ -51,24 +51,25 @@ form(name="step.form", novalidate)
     .col-sm-12
       .h4.text-dark-secondary
         strong Characteristics
-      table.table.table-bordered
-        thead
-          tr
-            th #
-            th Name
-            th Type
-            th Values
-            th Default
-        tbody
-          tr(ng-repeat="characteristic in createVM.characteristics")
-            th {{ $index + 1 }}
-            td {{ characteristic.name }}
-            td {{ characteristic.valueType }}
-            td
-              span(ng-repeat="value in characteristic.productSpecCharacteristicValue")
-                span(ng-if="!$first") , 
-                span {{ createVM.getFormattedValueOf(characteristic, value) }}
-            td {{ createVM.getFormattedValueOf(characteristic, createVM.getDefaultValueOf(characteristic)) }}
+      .table-responsive
+        table.table.table-bordered
+          thead
+            tr
+              th #
+              th Name
+              th Type
+              th Values
+              th Default
+          tbody
+            tr(ng-repeat="characteristic in createVM.characteristics")
+              th {{ $index + 1 }}
+              td {{ characteristic.name }}
+              td {{ characteristic.valueType }}
+              td
+                span(ng-repeat="value in characteristic.productSpecCharacteristicValue")
+                  span(ng-if="!$first") , 
+                  span {{ createVM.getFormattedValueOf(characteristic, value) }}
+              td {{ createVM.getFormattedValueOf(characteristic, createVM.getDefaultValueOf(characteristic)) }}
   .form-group
     label Description
     textarea.form-control(

diff --git a/views/partials/stock/sharing-models/create-form-finish.jade b/views/partials/stock/sharing-models/create-form-finish.jade
@@ -48,15 +48,16 @@ form(name="step.form", novalidate)
     strong Stakeholders
   .row
     .col-sm-12
-      table.table.table-bordered(ng-if="createVM.data.stakeholders.length")
-        thead
-          tr
-            th User
-            th Percentage
-        tbody
-          tr(ng-repeat="stakeholder in createVM.data.stakeholders")
-            td {{ stakeholder.stakeholderId }}
-            td {{ stakeholder.modelValue }} %
+      .table-responsive
+        table.table.table-bordered(ng-if="createVM.data.stakeholders.length")
+          thead
+            tr
+              th User
+              th Percentage
+          tbody
+            tr(ng-repeat="stakeholder in createVM.data.stakeholders")
+              td {{ stakeholder.stakeholderId }}
+              td {{ stakeholder.modelValue }} %
       .alert.alert-info.text-center(ng-if="!createVM.data.stakeholders.length")
         | No stakeholders included.
 

diff --git a/views/partials/stock/sharing-models/create-form-stakeholders.jade b/views/partials/stock/sharing-models/create-form-stakeholders.jade
@@ -1,16 +1,17 @@
-table.table.table-bordered(ng-if="createVM.data.stakeholders.length")
-  thead
-    tr
-      th User
-      th Percentage
-      th Delete
-  tbody
-    tr(ng-repeat="stakeholder in createVM.data.stakeholders")
-      td {{ stakeholder.stakeholderId }}
-      td {{ stakeholder.modelValue }} %
-      td
-        a.alert-link-danger(ng-click="createVM.removeStakeholder($index)")
-          span.fa.fa-trash
+.table-responsive
+  table.table.table-bordered(ng-if="createVM.data.stakeholders.length")
+    thead
+      tr
+        th User
+        th Percentage
+        th Delete
+    tbody
+      tr(ng-repeat="stakeholder in createVM.data.stakeholders")
+        td {{ stakeholder.stakeholderId }}
+        td {{ stakeholder.modelValue }} %
+        td
+          a.alert-link-danger(ng-click="createVM.removeStakeholder($index)")
+            span.fa.fa-trash
 .alert.alert-info.text-center(ng-if="!createVM.data.stakeholders.length")
   | No stakeholders included.
 

diff --git a/views/partials/stock/sharing-models/update-form.jade b/views/partials/stock/sharing-models/update-form.jade
@@ -55,19 +55,20 @@ form(name="updateVM.form", novalidate)
             span(ng-message="max") This field must not be higher than 100.
             span(ng-message="number") This field must be a valid number.
 
-  table.table.table-bordered(ng-if="updateVM.data.stakeholders.length")
-    thead
-      tr
-        th User
-        th Percentage
-        th Delete
-    tbody
-      tr(ng-repeat="stakeholder in updateVM.data.stakeholders")
-        td {{ stakeholder.stakeholderId }}
-        td {{ stakeholder.modelValue }} %
-        td
-          a.alert-link-danger(ng-click="updateVM.removeStakeholder($index)")
-            span.fa.fa-trash
+  .table-responsive
+    table.table.table-bordered(ng-if="updateVM.data.stakeholders.length")
+      thead
+        tr
+          th User
+          th Percentage
+          th Delete
+      tbody
+        tr(ng-repeat="stakeholder in updateVM.data.stakeholders")
+          td {{ stakeholder.stakeholderId }}
+          td {{ stakeholder.modelValue }} %
+          td
+            a.alert-link-danger(ng-click="updateVM.removeStakeholder($index)")
+              span.fa.fa-trash
   .alert.alert-info.text-center(ng-if="!updateVM.data.stakeholders.length")
     | No stakeholders included.