fix broken exact dates tooltips (closes #460)

medialab · Jul 21, 2023 · 28c97bb · 28c97bb
1 parent 7400832
commit 28c97bb
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 8 deletions.
diff --git a/hyphe_frontend/app/app.css b/hyphe_frontend/app/app.css
@@ -708,6 +708,8 @@ textarea.over-error {
   padding: 0px 8px 0px 8px;
   font-size: 0.8em;
   width: 100px;
+  z-index: 2;
+  cursor: initial;
 }
 
 .crawljobs-col-dura {
@@ -741,6 +743,11 @@ textarea.over-error {
   max-height: 100px;
 }
 
+.list-entities md-list-item._md-button-wrap>div.md-button:first-child .md-list-item-inner {
+  z-index: 2;
+  cursor: initial;
+}
+
 
 
 /* ==========================================================================

diff --git a/hyphe_frontend/app/views/listWebentities.html b/hyphe_frontend/app/views/listWebentities.html
@@ -206,6 +206,7 @@ <h3 style="padding: 8px">
                   <div flex>
                     <md-virtual-repeat-container layout-fill>
                       <md-list
+                        class="list-entities"
                         md-colors="{
                           'background': 'default-background-100'
                         }"
@@ -229,7 +230,7 @@ <h3 style="padding: 8px">
                               ng-click="$event.stopPropagation();"
                               style="margin-right:2px; z-index: 1000"
                             >
-                              <md-tooltip md-direction="left">{{obj.webentity.homepage}}</md-tooltip>
+                              <md-tooltip md-direction="top">{{obj.webentity.homepage}}</md-tooltip>
                               <md-icon>link</md-icon>
                             </a>
                             <span md-truncate flex>
@@ -246,41 +247,41 @@ <h3 style="padding: 8px">
                               'webentity-color-discovered':obj.webentity.status == 'DISCOVERED'
                             }"
                           >
-                            <md-tooltip md-direction="right">Web entity status: {{obj.webentity.status}}</md-tooltip>
+                            <md-tooltip md-direction="top">Web entity status: {{obj.webentity.status}}</md-tooltip>
                             {{obj.webentity.status}}
                           </div>
                           <div
                             class="welist-col-last-crawled"
                             hide show-gt-sm
                           >
                             <div ng-if="obj.webentity.crawled">
-                              <md-tooltip md-direction="left">Crawled</md-tooltip>
+                              <md-tooltip md-direction="top">Crawled</md-tooltip>
                               <md-icon style="opacity: 0.9">opacity</md-icon>
                             </div>
                             <div ng-if="!obj.webentity.crawled">
-                              <md-tooltip md-direction="left">Not crawled</md-tooltip>
+                              <md-tooltip md-direction="top">Not crawled</md-tooltip>
                               <md-icon style="opacity: 0.2">opacity</md-icon>
                             </div>
                           </div>
                           <div
                             class="welist-col-number"
                             hide show-gt-sm
                           >
-                            <md-tooltip md-direction="right">{{obj.webentity.pages_total|number}} page{{obj.webentity.pages_total|plural}} of the web entity known (including {{obj.webentity.pages_crawled|number}} crawled)</span></md-tooltip>
+                            <md-tooltip md-direction="top">{{obj.webentity.pages_total|number}} page{{obj.webentity.pages_total|plural}} of the web entity known (including {{obj.webentity.pages_crawled|number}} crawled)</span></md-tooltip>
                             {{obj.webentity.pages_total|number}}
                           </div>
                           <div
                             class="welist-col-number"
                           >
-                            <md-tooltip md-direction="right">Is cited by {{obj.webentity.indegree|number}} other web entit{{obj.webentity.indegree|y_ies}} in the corpus</md-tooltip>
+                            <md-tooltip md-direction="top">Is cited by {{obj.webentity.indegree|number}} other web entit{{obj.webentity.indegree|y_ies}} in the corpus</md-tooltip>
                             {{obj.webentity.indegree|number}}
                           </div>
                           <div
                             class="welist-col-last-modif"
                             hide show-gt-md
                           >
                             <span md-truncate>
-                              <md-tooltip md-direction="right">Last modified {{obj.webentity.last_modification_date|date}}</md-tooltip>
+                              <md-tooltip md-direction="top">Last modified: {{obj.webentity.last_modification_date|date}}</md-tooltip>
                               {{obj.webentity.last_modification_date|prettyDate}}
                             </span>
                           </div>

diff --git a/hyphe_frontend/app/views/monitorCrawls.html b/hyphe_frontend/app/views/monitorCrawls.html
@@ -279,7 +279,7 @@ <h3>No crawl job</h3>
                         <div class="md-secondary crawljobs-col-crer">{{job.nb_crawled_pages_error}}</div>
                         <div class="md-secondary crawljobs-col-disp">{{job.nb_pages}}</div>
                         <div class="md-secondary crawljobs-col-disl">{{job.nb_links}}</div>
-                        <div class="md-secondary crawljobs-col-sche"><span><md-tooltip md-direction="left">{{job.created_at|date}}</md-tooltip>{{job.created_at|prettyDate}}</span></div> 
+                        <div class="md-secondary crawljobs-col-sche"><span><md-tooltip md-direction="top">{{job.created_at|date}}</md-tooltip>{{job.created_at|prettyDate}}</span></div> 
                         <div class="md-secondary crawljobs-col-dura"><div ng-if="job.finished_at - job.created_at > 0">{{job.duration|duration}}</div></div>
                       </md-list-item>
                     </md-list>