[REF] *: BS4, adapt display classes

The system completely changed. I also had to adapt classes to new
screen breakpoints.

hidden/hide -> d-none
show -> d-block
hidden-xs -> d-none d-md-(block/inline/...)
hidden-sm -> d-md-none d-lg-(block/inline/...)
hidden-md -> d-lg-none d-xl-(block/inline/...)
hidden-lg -> d-xl-none
visible-xs-* -> d-* d-md-none
visible-sm-* -> d-none d-md-* d-lg-none
visible-md-* -> d-none d-lg-* d-xl-none
visible-lg-* -> d-none d-xl-*
hidden-print -> d-print-none
visible-print-* -> d-none d-print-*
...
and all possible combination of those had to be handled too.

2 files changed, 10 insertions, 10 deletions

diff --git a/addons/website_links/views/website_links_graphs.xml b/addons/website_links/views/website_links_graphs.xml
index f4a892064f3..63d9752c116 100644
--- a/addons/website_links/views/website_links_graphs.xml
+++ b/addons/website_links/views/website_links_graphs.xml
@@ -28,7 +28,7 @@
                         <input type="hidden" id="link_id" t-att-value="id" />
 
                         <h1 class="page-header mt0"><t t-esc="title"/></h1>
-                            
+
                         <div class="row">
                             <div class="col-sm-8">
                                 <div class="row">
@@ -53,7 +53,7 @@
                                             </span>
                                             <a class="o_website_links_edit_code" aria-label="Edit code" title="Edit code"><span class="fa fa-pencil gray"></span></a>
                                             <a class="copy-to-clipboard" t-att-data-clipboard-text="short_url">copy</a>
-                                            
+
                                         </p>
                                         <p class='o_website_links_code_error' style='color:red;font-weight:bold;display:none'></p>
                                     </div>
@@ -105,7 +105,7 @@
                         </div>
 
                         <h1 class="page-header">Statistics
-                            <small class="pull-right hidden-xs mt16" id="filters">
+                            <small class="pull-right d-none d-md-block mt16" id="filters">
                                 <ul class="nav nav-tabs nav-tabs-inline graph-tabs" role="tablist">
                                     <li class="active"><a aria-controls="all_time_charts" href="#all_time_charts" role="tab" data-toggle="tab">All Time</a></li>
                                     <li><a aria-controls="last_month_charts" href="#last_month_charts" role="tab" data-toggle="tab">Last Month</a></li>
@@ -113,7 +113,7 @@
                                 </ul>
                             </small>
                         </h1>
-                        
+
                         <div class="row">
                             <div class="col-sm-12 mb8">
                                 <div class="tab-content">
diff --git a/addons/website_links/views/website_links_template.xml b/addons/website_links/views/website_links_template.xml
index c8986c12a9a..2e1525a3280 100644
--- a/addons/website_links/views/website_links_template.xml
+++ b/addons/website_links/views/website_links_template.xml
@@ -36,7 +36,7 @@
                     <div class="row">
                         <div class="col-sm-7">
                             <form class="form-horizontal" id="o_website_links_link_tracker_form">
-                        
+
                                 <div class="form-group" id="url-form-group">
                                     <label class="col-sm-3 control-label text-left">URL</label>
 
@@ -81,14 +81,14 @@
                             </form>
                         </div>
 
-                        <div class="col-sm-offset-1 col-sm-3 hidden-xs">
+                        <div class="col-sm-offset-1 col-sm-3 d-none d-md-block">
                             <p class="text-muted text-justify">Share this page with a <strong>short link</strong> that includes <strong>analytics trackers</strong>.</p>
                             <p class="text-muted text-justify">Those trackers can be used in Google Analytics to track clicks and visitors, or in Odoo reports to track opportunities and related revenues.</p>
                         </div>
                     </div>
-         
-                    <h2 class="page-header">Your tracked links 
-                        <small class="pull-right hidden-xs mt16" id="filters">
+
+                    <h2 class="page-header">Your tracked links
+                        <small class="pull-right d-none d-md-block mt16" id="filters">
                             <ul class="nav nav-tabs nav-tabs-inline graph-tabs" role="tablist">
                                 <li class="active"><a aria-controls="filter-newest-links" href="#" id="filter-newest-links" role="tab" data-toggle="tab">Newest</a></li>
                                 <li><a aria-controls="filter-most-clicked-links" href="#" id="filter-most-clicked-links" role="tab" data-toggle="tab">Most Clicked</a></li>
@@ -96,7 +96,7 @@
                             </ul>
                         </small>
                     </h2>
-                     
+
                     <div id="o_website_links_recent_links">
                         <div class="o_website_links_recent_links_notification"></div>
                     </div>