hide keyboard shortcut hints

deepsource-autofix-76c6eb20
Dan Gowans 2023-02-03 10:46:15 -05:00
parent 739d224dcf
commit 01c086da96
3 changed files with 165 additions and 155 deletions

View File

@ -216,3 +216,12 @@ span.button.is-static {
}
}
}
.is-hover-container:hover,
.is-hover-container:focus,
.is-hover-container:focus-within {
.is-visible-hover,
&.is-visible-hover {
visibility: visible !important;
}
}

File diff suppressed because one or more lines are too long

View File

@ -95,11 +95,16 @@
<div class="column">
<div class="columns is-desktop">
<div class="column">
<div class="card">
<div class="card is-hover-container">
<div class="card-content">
<div class="media">
<div class="media-left">
<i class="fas fa-4x fa-fw fa-hard-hat" aria-hidden="true"></i>
<span class="fa-layers fa-4x fa-fw">
<i class="fas fa-fw fa-hard-hat" aria-hidden="true"></i>
<% if (workOrderCount > 0) { %>
<a class="fa-layers-counter has-background-success has-text-white" href="<%= urlPrefix %>/workOrders/?workOrderOpenDateString=<%= dateTimeFunctions.dateToString(new Date()) %>"><%= workOrderCount %></a>
<% } %>
</span>
</div>
<div class="media-content has-text-black">
<div class="level is-marginless is-mobile">
@ -111,12 +116,7 @@
</div>
</div>
<div class="level-right">
<% if (workOrderCount > 0) { %>
<div class="level-item">
<a class="tag is-info" href="<%= urlPrefix %>/workOrders/?workOrderOpenDateString=<%= dateTimeFunctions.dateToString(new Date()) %>"><%= workOrderCount %> Open Today</a>
</div>
<% } %>
<div class="level-item">
<div class="level-item is-invisible is-visible-hover">
<div class="tags has-addons">
<span class="tag is-link is-light">Shortcut</span>
<kbd class="tag">1</kbd>
@ -125,6 +125,7 @@
</div>
</div>
<p>View and maintain work orders.</p>
</div>
</div>
</div>
@ -147,7 +148,7 @@
</div>
</div>
<div class="column">
<div class="card">
<div class="card is-hover-container">
<div class="card-content">
<div class="media">
<div class="media-left">
@ -168,7 +169,7 @@
</div>
</div>
<div class="level-right">
<div class="level-item">
<div class="level-item is-invisible is-visible-hover">
<div class="tags has-addons">
<span class="tag is-link is-light">Shortcut</span>
<kbd class="tag">2</kbd>
@ -196,9 +197,9 @@
</div>
</div>
</div>
<div class="columns">
<div class="columns is-desktop">
<div class="column">
<div class="card">
<div class="card is-hover-container">
<div class="card-content">
<div class="media">
<div class="media-left">
@ -214,7 +215,7 @@
</div>
</div>
<div class="level-right">
<div class="level-item">
<div class="level-item is-invisible is-visible-hover">
<div class="tags has-addons">
<span class="tag is-link is-light">Shortcut</span>
<kbd class="tag">3</kbd>
@ -243,7 +244,7 @@
</div>
</div>
<div class="column">
<div class="card">
<div class="card is-hover-container">
<div class="card-content">
<div class="media">
<div class="media-left">
@ -259,7 +260,7 @@
</div>
</div>
<div class="level-right">
<div class="level-item">
<div class="level-item is-invisible is-visible-hover">
<div class="tags has-addons">
<span class="tag is-link is-light">Shortcut</span>
<kbd class="tag">4</kbd>
@ -284,7 +285,7 @@
</div>
</div>
</div>
<div class="columns">
<div class="columns is-desktop">
<div class="column">
<div class="card">
<div class="card-content">
@ -303,7 +304,7 @@
</div>
</div>
<div class="column">
<div class="card">
<div class="card is-hover-container">
<div class="card-content">
<div class="media">
<div class="media-left">
@ -315,12 +316,12 @@
<div class="level-item">
<h2 class="title is-4 is-marginless">
<a href="https://cityssm.github.io/lot-occupancy-system/docs" target="_blank"
rel="noopener noreferrer">Help Documentation</a>
rel="noopener noreferrer">Help</a>
</h2>
</div>
</div>
<div class="level-right">
<div class="level-item">
<div class="level-item is-invisible is-visible-hover">
<div class="tags has-addons">
<span class="tag is-link is-light">Shortcut</span>
<kbd class="tag">H</kbd>