fix(babeltheque): enhance elements placement

* Inverts "mots-clés" and "suggestions". * Move BW_notes to the "more info" tab. Co-Authored-by: Pascal Repond <[email protected]>
rero · Apr 23, 2024 · c73da55 · c73da55
1 parent aa287fb
commit c73da55
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 28 deletions.
diff --git a/rero_ils/modules/documents/templates/rero_ils/detailed_view_documents.html b/rero_ils/modules/documents/templates/rero_ils/detailed_view_documents.html
@@ -67,9 +67,6 @@
         {% endfor %}
       </ul>
     </figcaption>
-    {% if viewcode | babeltheque_enabled_view and isbn is not none %}
-      <div id="BW_notes"></div>
-    {% endif %}
   </figure>
   <div class="col-sm-10">
     <h2>
@@ -289,9 +286,10 @@ <h3>
 {% if viewcode | babeltheque_enabled_view and isbn is not none %}
     <!-- BABELTHEQUE -->
     <input id="BW_id_isbn" class="d-none" value="{{ isbn }}"></input>
-    <div class="babelio-block">
-      <div id="BW_etiquettes"></div>
+    <hr>
+    <div class="babelio-block babelio-block-big-screen">
       <div id="BW_suggestions"></div>
+      <div id="BW_etiquettes"></div>
     </div>
   {% endif %}
 
@@ -312,9 +310,9 @@ <h3>
           {% if viewcode | babeltheque_enabled_view and isbn is not none %}
           <li class="nav-item">
             <a class="nav-link" href="#documents-more-infos" data-toggle="tab"
-               id="documents-more-infos-tab" title="{{ _('More infos') }}" role="tab"
+               id="documents-more-infos-tab" title="{{ _('More info') }}" role="tab"
                aria-controls="documents-description" aria-selected="false">
-              <i class="fa fa-bars"></i> {{ _('More infos') }}
+              <i class="fa fa-bars"></i> {{ _('More info') }}
             </a>
           </li>
           {% endif %}
@@ -350,7 +348,7 @@ <h3>
           {% if viewcode | babeltheque_enabled_view and isbn is not none %}
           <li class="nav-item">
             <a class="nav-link" href="#documents-more-infos" data-toggle="tab"
-               id="documents-more-infos-tab" title="{{ _('More infos') }}" role="tab"
+               id="documents-more-infos-tab" title="{{ _('More info') }}" role="tab"
                aria-controls="documents-more-infos" aria-selected="false">
               <i class="fa fa-bars"></i> {{ _('More info') }}
             </a>
@@ -382,12 +380,15 @@ <h3>
       <section class="tab-pane container" id="documents-more-infos" role="tabpanel" aria-labelledby="documents-more-infos-tab">
         <!-- BABELTHEQUE -->
         <div class="babelio-block mt-3">
-          <div id="BW_prix_litt"></div>
-          <div id="BW_critiques_pro"></div>
-          <div id="BW_critiques"></div>
+          <div>
+            <div id="BW_critiques"></div>
+            <div id="BW_notes"></div>
+          </div>
           <div id="BW_citations"></div>
+          <div id="BW_critiques_pro"></div>
+          <div id="BW_prix_litt"></div>
         </div>
-        <div id="BW_bio_auteur">{{ _('No additionnal biographical information yet.') }}</div>
+        <div id="BW_bio_auteur"></div>
         <div class="babelio-block mt-3">
           <div id="BW_videos"></div>
           <div id="BW_podcasts"></div>

diff --git a/rero_ils/theme/assets/scss/rero_ils/babeltheque.scss b/rero_ils/theme/assets/scss/rero_ils/babeltheque.scss
@@ -16,18 +16,19 @@
   along with this program. If not, see <http://www.gnu.org/licenses/>.
 
  */
- #BW_suggestions,
- #BW_etiquettes,
- #BW_prix_litt,
- #BW_critiques,
- #BW_critiques_pro,
- #BW_citations,
- #BW_bio_auteur,
- #BW_videos,
- #BW_podcasts {
-   margin-top: 16px;
-   padding: 0 !important;
- }
+
+#BW_suggestions,
+#BW_etiquettes,
+#BW_prix_litt,
+#BW_critiques,
+#BW_critiques_pro,
+#BW_citations,
+#BW_bio_auteur,
+#BW_videos,
+#BW_podcasts {
+  margin-top: 16px;
+  padding: 0 !important;
+}
 
 #BW_suggestions,
 #BW_etiquettes {
@@ -42,10 +43,6 @@
   margin-bottom: 6px;
 }
 
-#BW_notes {
-  font-size: 0.7em;
-}
-
 #BW_etiquettes h2,
 .BW_critiques_opac_add,
 .BW_citations_opac_add {