hide keyboard shortcut hints
parent
739d224dcf
commit
01c086da96
|
|
@ -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
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue