Redesign the export/import pages to use Bootstrap components

Signed-off-by: Maurício Meneghini Fauth <mauricio@fauth.dev>

4 files changed, 0 insertions, 640 deletions

diff --git a/themes/bootstrap/scss/_common.scss b/themes/bootstrap/scss/_common.scss
index 9b0488750e..d28812ec7b 100644
--- a/themes/bootstrap/scss/_common.scss
+++ b/themes/bootstrap/scss/_common.scss
@@ -831,15 +831,6 @@ textarea {
   float: left;
 }
 
-label.desc {
-  width: 30em;
-  float: left;
-
-  sup {
-    position: absolute;
-  }
-}
-
 code {
   font-size: 1em;
 
@@ -1007,164 +998,6 @@ select.invalid_value,
   width: 100%;
 }
 
-/**
-  * Export and Import styles
-  */
-
-.export_table_list_container {
-  display: inline-block;
-  max-height: 20em;
-  overflow-y: scroll;
-}
-
-.export_table_select {
-  th {
-    text-align: center;
-    vertical-align: middle;
-  }
-
-  .all {
-    font-weight: bold;
-    border-bottom: 1px solid black;
-  }
-}
-
-.export_structure,
-.export_data {
-  text-align: center;
-}
-
-.export_table_name {
-  vertical-align: middle;
-}
-
-.exportoptions {
-  h2 {
-    word-wrap: break-word;
-  }
-
-  h3 {
-    border-bottom: 1px #999 solid;
-    font-size: 110%;
-  }
-}
-
-.importoptions h3 {
-  border-bottom: 1px #999 solid;
-  font-size: 110%;
-}
-
-.exportoptions ul,
-.importoptions ul,
-.format_specific_options ul {
-  list-style-type: none;
-  margin-bottom: 15px;
-}
-
-.exportoptions li,
-.importoptions li {
-  margin: 7px;
-}
-
-.exportoptions label,
-.importoptions label,
-.exportoptions p,
-.importoptions p {
-  margin: 5px;
-  float: none;
-}
-
-#csv_options label.desc,
-#ldi_options label.desc,
-#latex_options label.desc,
-#output label.desc {
-  float: left;
-  width: 15em;
-}
-
-.exportoptions,
-.importoptions {
-  margin: 20px 30px 30px;
-  margin-left: 10px;
-
-  #buttonGo {
-    float: right;
-  }
-}
-
-.format_specific_options {
-  border: 1px solid #999;
-  margin: 7px 0;
-  padding: 3px;
-
-  h3 {
-    margin: 10px 0 0;
-    margin-left: 10px;
-    border: 0;
-  }
-}
-
-p.desc {
-  margin: 5px;
-}
-
-/**
-  * Export styles only
-  */
-select {
-  &#db_select,
-  &#table_select {
-    width: 400px;
-  }
-}
-
-.export_sub_options {
-  margin: 20px 0 0;
-  margin-left: 30px;
-
-  h4 {
-    border-bottom: 1px #999 solid;
-  }
-
-  li {
-    margin-bottom: 0;
-
-    &.subgroup {
-      display: inline-block;
-      margin-top: 0;
-    }
-  }
-}
-
-#export_refresh_form {
-  margin-left: 20px;
-}
-
-#export_back_button {
-  display: inline;
-}
-
-#output_quick_export {
-  display: none;
-}
-
-/**
- * Import styles only
- */
-
-.importoptions #import_notification {
-  margin: 10px 0;
-  font-style: italic;
-}
-
-input#input_import_file {
-  margin: 5px;
-}
-
-.formelementrow {
-  margin: 5px 0 5px 0;
-}
-
 #popup_background {
   display: none;
   position: fixed;
diff --git a/themes/metro/scss/_common.scss b/themes/metro/scss/_common.scss
index e0d0ee5773..71ce1044b7 100644
--- a/themes/metro/scss/_common.scss
+++ b/themes/metro/scss/_common.scss
@@ -1025,15 +1025,6 @@ li {
   float: left;
 }
 
-label.desc {
-  width: 30em;
-  float: left;
-
-  sup {
-    position: absolute;
-  }
-}
-
 kbd {
   color: $main-color;
   background-color: transparent;
@@ -1183,150 +1174,6 @@ input {
   width: 100%;
 }
 
-/**
-  * Export and Import styles
-  */
-
-.export_table_list_container {
-  display: inline-block;
-  max-height: 20em;
-  overflow-y: scroll;
-}
-
-.export_table_select {
-  th {
-    text-align: center;
-    vertical-align: middle;
-  }
-
-  .all {
-    font-weight: bold;
-    border-bottom: 1px solid black;
-  }
-}
-
-.export_structure,
-.export_data {
-  text-align: center;
-}
-
-.export_table_name {
-  vertical-align: middle;
-}
-
-.exportoptions h3,
-.importoptions h3 {
-  border-bottom: 1px #ccc solid;
-  font-size: 110%;
-}
-
-.exportoptions ul,
-.importoptions ul,
-.format_specific_options ul {
-  list-style-type: none;
-  margin-bottom: 15px;
-}
-
-.exportoptions li,
-.importoptions li {
-  margin: 7px;
-}
-
-.exportoptions label,
-.importoptions label,
-.exportoptions p,
-.importoptions p {
-  margin: 5px;
-  float: none;
-}
-
-#csv_options label.desc,
-#ldi_options label.desc,
-#latex_options label.desc,
-#output label.desc {
-  float: left;
-  width: 15em;
-}
-
-.exportoptions,
-.importoptions {
-  margin: 20px 30px 30px;
-  margin-left: 10px;
-}
-
-.exportoptions #buttonGo,
-.importoptions #buttonGo {
-  padding: 5px 12px;
-  text-decoration: none;
-  cursor: pointer;
-  margin: 0;
-}
-
-.format_specific_options {
-  border: 1px solid #999;
-  margin: 7px 0;
-  padding: 3px;
-
-  h3 {
-    margin: 10px 0 0;
-    margin-left: 10px;
-    border: 0;
-  }
-}
-
-p.desc {
-  margin: 5px;
-}
-
-/**
-  * Export styles only
-  */
-select {
-  &#db_select,
-  &#table_select {
-    width: 400px;
-  }
-}
-
-.export_sub_options {
-  margin: 20px 0 0;
-  margin-left: 30px;
-
-  h4 {
-    border-bottom: 1px #999 solid;
-  }
-
-  li {
-    margin-bottom: 0;
-
-    &.subgroup {
-      display: inline-block;
-      margin-top: 0;
-    }
-  }
-}
-
-#output_quick_export {
-  display: none;
-}
-
-/**
- * Import styles only
- */
-
-.importoptions #import_notification {
-  margin: 10px 0;
-  font-style: italic;
-}
-
-input#input_import_file {
-  margin: 5px;
-}
-
-.formelementrow {
-  margin: 5px 0 5px 0;
-}
-
 #popup_background {
   display: none;
   position: fixed;
diff --git a/themes/original/scss/_common.scss b/themes/original/scss/_common.scss
index 69b15e26a3..a7d3c37a08 100644
--- a/themes/original/scss/_common.scss
+++ b/themes/original/scss/_common.scss
@@ -813,15 +813,6 @@ textarea {
   float: left;
 }
 
-label.desc {
-  width: 30em;
-  float: left;
-
-  sup {
-    position: absolute;
-  }
-}
-
 kbd {
   color: $main-color;
   background-color: transparent;
@@ -1000,150 +991,6 @@ select.invalid_value,
   width: 100%;
 }
 
-/**
-  * Export and Import styles
-  */
-
-.export_table_list_container {
-  display: inline-block;
-  max-height: 20em;
-  overflow-y: scroll;
-}
-
-.export_table_select {
-  th {
-    text-align: center;
-    vertical-align: middle;
-  }
-
-  .all {
-    font-weight: bold;
-    border-bottom: 1px solid black;
-  }
-}
-
-.export_structure,
-.export_data {
-  text-align: center;
-}
-
-.export_table_name {
-  vertical-align: middle;
-}
-
-.exportoptions {
-  h2 {
-    word-wrap: break-word;
-  }
-
-  h3 {
-    border-bottom: 1px #999 solid;
-    font-size: 110%;
-  }
-}
-
-.importoptions h3 {
-  border-bottom: 1px #999 solid;
-  font-size: 110%;
-}
-
-.exportoptions ul,
-.importoptions ul,
-.format_specific_options ul {
-  list-style-type: none;
-  margin-bottom: 15px;
-}
-
-.exportoptions li,
-.importoptions li {
-  margin: 7px;
-}
-
-.exportoptions label,
-.importoptions label,
-.exportoptions p,
-.importoptions p {
-  margin: 5px;
-  float: none;
-}
-
-#csv_options label.desc,
-#ldi_options label.desc,
-#latex_options label.desc,
-#output label.desc {
-  float: left;
-  width: 15em;
-}
-
-.exportoptions,
-.importoptions {
-  margin: 20px 30px 30px 10px;
-}
-
-.format_specific_options {
-  border: 1px solid #999;
-  margin: 7px 0;
-  padding: 3px;
-
-  h3 {
-    margin: 10px 0 0 10px;
-    border: 0;
-  }
-}
-
-p.desc {
-  margin: 5px;
-}
-
-/**
-  * Export styles only
-  */
-
-select {
-  &#db_select,
-  &#table_select {
-    width: 400px;
-  }
-}
-
-.export_sub_options {
-  margin: 20px 0 0 30px;
-
-  h4 {
-    border-bottom: 1px #999 solid;
-  }
-
-  li {
-    margin-bottom: 0;
-
-    &.subgroup {
-      display: inline-block;
-      margin-top: 0;
-    }
-  }
-}
-
-#output_quick_export {
-  display: none;
-}
-
-/**
- * Import styles only
- */
-
-.importoptions #import_notification {
-  margin: 10px 0;
-  font-style: italic;
-}
-
-input#input_import_file {
-  margin: 5px;
-}
-
-.formelementrow {
-  margin: 5px 0 5px 0;
-}
-
 #popup_background {
   display: none;
   position: fixed;
diff --git a/themes/pmahomme/scss/_common.scss b/themes/pmahomme/scss/_common.scss
index d891b15f8a..c54430153a 100644
--- a/themes/pmahomme/scss/_common.scss
+++ b/themes/pmahomme/scss/_common.scss
@@ -1008,15 +1008,6 @@ textarea {
   float: left;
 }
 
-label.desc {
-  width: 30em;
-  float: left;
-
-  sup {
-    position: absolute;
-  }
-}
-
 kbd {
   color: $main-color;
   background-color: transparent;
@@ -1189,168 +1180,10 @@ select.invalid_value,
   width: 100%;
 }
 
-/**
-  * Export and Import styles
-  */
-
-.export_table_list_container {
-  display: inline-block;
-  max-height: 20em;
-  overflow-y: scroll;
-}
-
-.export_table_select {
-  th {
-    text-align: center;
-    vertical-align: middle;
-  }
-
-  .all {
-    font-weight: bold;
-    border-bottom: 1px solid black;
-  }
-}
-
-.export_structure,
-.export_data {
-  text-align: center;
-}
-
-.export_table_name {
-  vertical-align: middle;
-}
-
-.exportoptions {
-  h2 {
-    word-wrap: break-word;
-  }
-
-  h3 {
-    border-bottom: 1px #999 solid;
-    font-size: 110%;
-  }
-}
-
-.importoptions h3 {
-  border-bottom: 1px #999 solid;
-  font-size: 110%;
-}
-
-.exportoptions ul,
-.importoptions ul,
-.format_specific_options ul {
-  list-style-type: none;
-  margin-bottom: 15px;
-}
-
-.exportoptions li,
-.importoptions li {
-  margin: 7px;
-}
-
-.exportoptions label,
-.importoptions label,
-.exportoptions p,
-.importoptions p {
-  margin: 5px;
-  float: none;
-}
-
-#csv_options label.desc,
-#ldi_options label.desc,
-#latex_options label.desc,
-#output label.desc {
-  float: left;
-  width: 15em;
-}
-
-.exportoptions,
-.importoptions {
-  margin: 20px 30px 30px;
-  margin-left: 10px;
-
-  #buttonGo {
-    float: right;
-  }
-}
-
-.format_specific_options {
-  border: 1px solid #999;
-  margin: 7px 0;
-  padding: 3px;
-
-  h3 {
-    margin: 10px 0 0;
-    margin-left: 10px;
-    border: 0;
-  }
-}
-
-p.desc {
-  margin: 5px;
-}
-
-/**
-  * Export styles only
-  */
-select {
-  &#db_select,
-  &#table_select {
-    width: 400px;
-  }
-}
-
-.export_sub_options {
-  margin: 20px 0 0;
-  margin-left: 30px;
-
-  h4 {
-    border-bottom: 1px #999 solid;
-  }
-
-  li {
-    margin-bottom: 0;
-
-    &.subgroup {
-      display: inline-block;
-      margin-top: 0;
-    }
-  }
-}
-
-#export_refresh_form {
-  margin-left: 20px;
-}
-
-#export_back_button {
-  display: inline;
-}
-
-#output_quick_export {
-  display: none;
-}
-
-/**
- * Import styles only
- */
-
-.importoptions #import_notification {
-  margin: 10px 0;
-  font-style: italic;
-}
-
-input#input_import_file {
-  margin: 5px;
-}
-
 input#import_merge {
   margin: 0;
 }
 
-.formelementrow {
-  margin: 5px 0 5px 0;
-}
-
 #popup_background {
   display: none;
   position: fixed;