Fix Css problems

css/backoffice/pages/_all.scss

@@ -1,25 +1,11 @@
 /*!
- * Copyright (C) 2013-2020 Combodo SARL
+ * @copyright   Copyright (C) 2010-2021 Combodo SARL
- *
+ * @license     http://opensource.org/licenses/AGPL-3.0
- * This file is part of iTop.
- *
- * iTop is free software; you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * iTop is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
  */
 
 @import "base";
 @import "preferences";
 @import "attachments";
-@import "tabularfieldsselector";
 @import "impact-analysis";
 @import "audit";
 @import "data-synchro";

css/backoffice/pages/_tabularfieldsselector.scss

@@ -1,35 +0,0 @@
-/*!
- * @copyright   Copyright (C) 2010-2021 Combodo SARL
- * @license     http://opensource.org/licenses/AGPL-3.0
- */
-
-.ibo-table-preview {
-  margin-top: 20px;
-
-  th {
-    padding: 5px;
-    border-width: 1px 1px 0;
-    border-style: groove groove none;
-    background: $ibo-body-background-color;
-  }
-
-  td {
-    padding-right: 5px;
-    padding-left: 5px;
-    border-width: 0 1px;
-    border-style: none groove;
-  }
-
-  tr:last-child td {
-    border-bottom-width: 1px;
-    border-bottom-style: groove;
-  }
-}
-
-.ibo-preview-header {
-  margin-bottom: 5px;
-}
-
-#form_part_interactive_fields_xlsx, #form_part_interactive_fields_csv, #form_part_interactive_fields_pdf {
-  margin-top: $ibo-panel--spacing-top;
-}

js/tabularfieldsselector.js

@@ -1,6 +1,10 @@
+/*
+ * @copyright   Copyright (C) 2010-2021 Combodo SARL
+ * @license     http://opensource.org/licenses/AGPL-3.0
+ */
+
 // jQuery UI style "widget" for managing the "xlsx-exporter"
-$(function()
+$(function () {
-{
 	// the widget definition, where "itop" is the namespace,
 	// "tabularfieldsselector" the widget name
 	$.widget("itop.tabularfieldsselector",
@@ -41,7 +45,7 @@ $(function()
 				this.aSelected = [];
 
 				for (var i in this.options.fields) {
-				var sContent = `<div class="ibo-panel ibo-is-blue ">
+					var sContent = `<div class="ibo-panel ibo-is-blue ibo-is-opened">
 				<div class="ibo-panel--header">
 					<div class="ibo-panel--header-left">
 						<div class= "ibo-panel--title" > `+this._format(this.options.labels.columns_selection, i)+`</div>
@@ -62,7 +66,7 @@ $(function()
 				</div>`;
 					this.element.append(sContent);
 				}
-			sContent = `<div class="ibo-panel ibo-is-blue ">
+				sContent = `<div class="ibo-panel ibo-is-blue ibo-is-opened">
 				<div class="ibo-panel--header">
 					<div class="ibo-panel--header-left">
 						<div class="ibo-panel--title">`+this.options.labels.columns_order+`</div>

templates/base/components/datatable/config/layout.html.twig

@@ -5,7 +5,7 @@
             <input id="dtbl_dlg_settings_{{ oUIBlock.GetTableId() }}" type="radio" name="settings" {% if (oUIBlock.GetOption("bUseCustomSettings") == false) %} checked {% endif %} value="defaults">
             <label for="dtbl_dlg_settings_{{ oUIBlock.GetTableId() }}">&nbsp;{{ 'UI:UseDefaultSettings'|dict_s }}</label>
         </p>
-        <div class="ibo-panel ibo-is-neutral">
+        <div class="ibo-panel ibo-is-neutral ibo-is-opened">
             <div class="ibo-panel--header">
                 <div class="ibo-panel--header-left">
                     <input id="dtbl_dlg_specific_{{ oUIBlock.GetTableId() }}" type="radio" class="specific_settings" name="settings" {% if oUIBlock.GetOption("bUseCustomSettings") %} checked {% endif %} value="specific">
@@ -25,7 +25,7 @@
                 <p> {{ 'UI:Display_X_ItemsPerPage_prefix'|dict_s }}<input type="text" size="4" name="page_size" value="{{ oUIBlock.GetOption("iPageSize") }}">{{ 'UI:Display_X_ItemsPerPage_suffix'|dict_s }}</p>
             </div>
         </div>
-        <div class="ibo-panel ibo-is-neutral">
+        <div class="ibo-panel ibo-is-neutral ibo-is-opened">
             <div class="ibo-panel--header">
                 <div class="ibo-panel--header-left">
                     <input id="dtbl_dlg_save_{{ oUIBlock.GetTableId() }}" type="checkbox" {% if oUIBlock.GetOption("sTableId") != null %}checked{% endif %} name="save_settings">