From 4f6fad21e3f474a89bc3e62aaa8aae578ac864dd Mon Sep 17 00:00:00 2001
From: bach <bachir@figureslibres.io>
Date: Sun, 18 Jun 2023 21:49:39 +0200
Subject: [PATCH] #2080 results details

---
 assets/css/app.scss                | 18 +++++++++++-------
 src/components/Content/TocItem.vue |  6 +++---
 src/components/nav/Results.vue     |  8 ++++----
 3 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/assets/css/app.scss b/assets/css/app.scss
index 6e0e467..9cf11f6 100644
--- a/assets/css/app.scss
+++ b/assets/css/app.scss
@@ -1401,19 +1401,23 @@ footer[role="tools"]{
     @include accordeon-transition($list-item-h * 3);
     >header{
       >*{
-        padding:0 0 5px;
+        // padding:0 0 5px;
         // line-height: $base-line / 2;
         &.v-select{
           padding-top:5px;
         }
       }
 
-      .search-keys{
-        font-size: 0.756em;
-        font-weight: 500;
-      }
-      .results-count{
-        font-size: 0.756em;
+      div.results-details{
+        line-height: $base-line * 0.5;
+        .search-keys{
+          font-size: 0.756em;
+          font-weight: 500;
+        }
+        .results-count{
+          white-space:nowrap;
+          font-size: 0.756em;
+        }
       }
     }
     .results-list{
diff --git a/src/components/Content/TocItem.vue b/src/components/Content/TocItem.vue
index e52d445..fe9ceba 100644
--- a/src/components/Content/TocItem.vue
+++ b/src/components/Content/TocItem.vue
@@ -191,9 +191,9 @@ export default {
         id: this.editionid,
         textid: this.item.uuid,
         title: this.item.title,
-        editionTitle: this.editionTitle
-        // pages: this.item.pages,
-        // size: this.item.size
+        editionTitle: this.editionTitle,
+        pages: this.item.pages,
+        size: this.item.size
       })
       this.$emit('onClickTocItem', e.target.getAttribute('uuid'))
     },
diff --git a/src/components/nav/Results.vue b/src/components/nav/Results.vue
index 8aaa6fd..f455f09 100644
--- a/src/components/nav/Results.vue
+++ b/src/components/nav/Results.vue
@@ -8,8 +8,8 @@
     >
       <header class="small-col-12 med-col-1 large-col-1">
         <h2>Resultats</h2>
-        <div>
-          <span class="search-keys">{{ searchedKeys }}</span>
+        <div class="results-details">
+          <span class="search-keys">{{ searchedKeys }}</span><br>
           <span v-if="resultsQuantity" class="results-count">{{ resultsCount }}</span>
         </div>
         <v-select
@@ -111,7 +111,7 @@ export default {
        * above.
        */
       const popper = createPopper(component.$refs.toggle, dropdownList, {
-        placement: 'top',
+        placement: 'bottom',
         modifiers: [
           {
             name: 'offset',
@@ -124,7 +124,7 @@ export default {
             enabled: true,
             phase: 'write',
             fn ({ state }) {
-              component.$el.classList.toggle('drop-up', state.placement === 'top')
+              component.$el.classList.toggle('drop-up', state.placement === 'bottom')
             }
           }]
       })