Merge pull request #19251 from netbox-community/17613-columns

17613 Add column support for mobile devices

Author: bctiemann

netbox/templates/circuits/circuit.html

@@ -10,7 +10,7 @@
 
 {% block content %}
   <div class="row">
-    <div class="col col-md-6">
+    <div class="col col-12 col-md-6">
       <div class="card">
         <h2 class="card-header">{% trans "Circuit" %}</h2>
         <table class="table table-hover attr-table">
@@ -89,7 +89,7 @@ <h2 class="card-header">
       {% include 'inc/panels/comments.html' %}
       {% plugin_left_page object %}
     </div>
-    <div class="col col-md-6">
+    <div class="col col-12 col-md-6">
       {% include 'circuits/inc/circuit_termination.html' with termination=object.termination_a side='A' %}
       {% include 'circuits/inc/circuit_termination.html' with termination=object.termination_z side='Z' %}
       {% include 'inc/panels/image_attachments.html' %}

netbox/templates/circuits/circuitgroup.html

@@ -20,7 +20,7 @@
 
 {% block content %}
   <div class="row mb-3">
-    <div class="col col-md-6">
+    <div class="col col-12 col-md-6">
       <div class="card">
         <h2 class="card-header">{% trans "Circuit Group" %}</h2>
         <table class="table table-hover attr-table">
@@ -46,7 +46,7 @@ <h2 class="card-header">{% trans "Circuit Group" %}</h2>
       {% include 'inc/panels/tags.html' %}
       {% plugin_left_page object %}
     </div>
-    <div class="col col-md-6">
+    <div class="col col-12 col-md-6">
       {% include 'inc/panels/related_objects.html' %}
       {% include 'inc/panels/comments.html' %}
       {% include 'inc/panels/custom_fields.html' %}

netbox/templates/circuits/circuitgroupassignment.html

@@ -14,7 +14,7 @@
 
 {% block content %}
   <div class="row mb-3">
-    <div class="col col-md-6">
+    <div class="col col-12 col-md-6">
       <div class="card">
         <h2 class="card-header">{% trans "Circuit Group Assignment" %}</h2>
         <table class="table table-hover attr-table">
@@ -39,7 +39,7 @@ <h2 class="card-header">{% trans "Circuit Group Assignment" %}</h2>
       {% include 'inc/panels/tags.html' %}
       {% plugin_left_page object %}
     </div>
-    <div class="col col-md-6">
+    <div class="col col-12 col-md-6">
       {% include 'inc/panels/custom_fields.html' %}
       {% plugin_right_page object %}
     </div>

netbox/templates/circuits/circuittermination.html

@@ -10,7 +10,7 @@
 
 {% block content %}
   <div class="row">
-    <div class="col col-md-6">
+    <div class="col col-12 col-md-6">
 
       <div class="card">
             {% if object %}
@@ -37,7 +37,7 @@
       </div>
       {% plugin_left_page object %}
     </div>
-    <div class="col col-md-6">
+    <div class="col col-12 col-md-6">
       {% include 'inc/panels/custom_fields.html' %}
       {% include 'inc/panels/tags.html' %}
       {% plugin_right_page object %}

netbox/templates/circuits/circuittype.html

@@ -14,7 +14,7 @@
 
 {% block content %}
 <div class="row mb-3">
-	<div class="col col-md-6">
+	<div class="col col-12 col-md-6">
     <div class="card">
       <h2 class="card-header">{% trans "Circuit Type" %}</h2>
       <table class="table table-hover attr-table">
@@ -41,7 +41,7 @@ <h2 class="card-header">{% trans "Circuit Type" %}</h2>
     {% include 'inc/panels/tags.html' %}
     {% plugin_left_page object %}
   </div>
-	<div class="col col-md-6">
+	<div class="col col-12 col-md-6">
     {% include 'inc/panels/related_objects.html' %}
     {% include 'inc/panels/custom_fields.html' %}
     {% plugin_right_page object %}

netbox/templates/circuits/provider.html

@@ -15,7 +15,7 @@
 
 {% block content %}
 <div class="row mb-3">
-	  <div class="col col-md-6">
+	  <div class="col col-12 col-md-6">
         <div class="card">
           <h2 class="card-header">{% trans "Provider" %}</h2>
           <table class="table table-hover attr-table">
@@ -39,7 +39,7 @@ <h2 class="card-header">{% trans "Provider" %}</h2>
         {% include 'inc/panels/comments.html' %}
         {% plugin_left_page object %}
     </div>
-    <div class="col col-md-6">
+    <div class="col col-12 col-md-6">
         {% include 'inc/panels/related_objects.html' %}
         {% include 'inc/panels/custom_fields.html' %}
         {% plugin_right_page object %}

netbox/templates/circuits/provideraccount.html

@@ -12,7 +12,7 @@
 
 {% block content %}
   <div class="row mb-3">
-	  <div class="col col-md-6">
+	  <div class="col col-12 col-md-6">
       <div class="card">
         <h2 class="card-header">{% trans "Provider Account" %}</h2>
         <table class="table table-hover attr-table">
@@ -33,7 +33,7 @@ <h2 class="card-header">{% trans "Provider Account" %}</h2>
       {% include 'inc/panels/tags.html' %}
       {% plugin_left_page object %}
     </div>
-    <div class="col col-md-6">
+    <div class="col col-12 col-md-6">
       {% include 'inc/panels/related_objects.html' %}
       {% include 'inc/panels/comments.html' %}
       {% include 'inc/panels/custom_fields.html' %}

netbox/templates/circuits/providernetwork.html

@@ -12,7 +12,7 @@
 
 {% block content %}
   <div class="row mb-3">
-    <div class="col col-md-6">
+    <div class="col col-12 col-md-6">
       <div class="card">
         <h2 class="card-header">{% trans "Provider Network" %}</h2>
         <table class="table table-hover attr-table">
@@ -37,7 +37,7 @@ <h2 class="card-header">{% trans "Provider Network" %}</h2>
       {% include 'inc/panels/tags.html' %}
       {% plugin_left_page object %}
     </div>
-    <div class="col col-md-6">
+    <div class="col col-12 col-md-6">
       {% include 'inc/panels/related_objects.html' %}
       {% include 'inc/panels/comments.html' %}
       {% include 'inc/panels/custom_fields.html' %}

netbox/templates/circuits/virtualcircuit.html

@@ -15,7 +15,7 @@
 
 {% block content %}
   <div class="row">
-    <div class="col col-md-6">
+    <div class="col col-12 col-md-6">
       <div class="card">
         <h2 class="card-header">{% trans "Virtual circuit" %}</h2>
         <table class="table table-hover attr-table">
@@ -61,7 +61,7 @@ <h2 class="card-header">{% trans "Virtual circuit" %}</h2>
       {% include 'inc/panels/tags.html' %}
       {% plugin_left_page object %}
     </div>
-    <div class="col col-md-6">
+    <div class="col col-12 col-md-6">
       {% include 'inc/panels/custom_fields.html' %}
       {% include 'inc/panels/comments.html' %}
       <div class="card">

netbox/templates/circuits/virtualcircuittermination.html

@@ -18,7 +18,7 @@
 
 {% block content %}
   <div class="row">
-    <div class="col col-md-6">
+    <div class="col col-12 col-md-6">
       <div class="card">
         <h2 class="card-header">{% trans "Virtual Circuit Termination" %}</h2>
         <table class="table table-hover attr-table">
@@ -48,7 +48,7 @@ <h2 class="card-header">{% trans "Virtual Circuit Termination" %}</h2>
       {% include 'inc/panels/custom_fields.html' %}
       {% plugin_left_page object %}
     </div>
-    <div class="col col-md-6">
+    <div class="col col-12 col-md-6">
       <div class="card">
         <h2 class="card-header">{% trans "Interface" %}</h2>
         <table class="table table-hover attr-table">