Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-24 09:28:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 30

Website: Add empty state to query library (#14144)

Browse source 
Closes: #13223

Changes:
- Added an empty state that is shown to users when no query matches
their selected filters.
This commit is contained in:
Eric 2023-10-03 15:51:11 -05:00 committed by GitHub
parent 606e1560e0
commit 05dd12e7e1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
website/assets/styles/pages/query-library.less vendored
View file

@ -67,6 +67,14 @@
line-height: 18px; line-height: 18px;
} }
} }
[purpose='query-list-empty-state'] {
margin-top: 40px;
margin-right: 30px;
margin-left: 30px;
a {
font-size: 16px;
}
}
.input-group { .input-group {
&.search { &.search {

3
website/views/pages/query-library.ejs vendored
View file

@ -139,6 +139,9 @@
<div class="divider"></div> <div class="divider"></div>
</div> </div>
</div> </div>
<div purpose="query-list-empty-state" v-if="queriesList.length === 0">
<p class="mb-0">There are no results that match your filters. <a target="_blank" href="https://github.com/fleetdm/fleet/edit/main/docs/01-Using-Fleet/standard-query-library/standard-query-library.yml">Everyone can contribute</a>.</p>
</div>
</div> </div>
</div> </div>
</div> </div>