NeoAnd/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2026-01-22 03:28:45 -06:00
Code Issues Actions 12 Packages Projects Releases Wiki Activity

Add a "clear" button for quick search

Browse Source 
Fixes #9857
This commit is contained in:
Jonathan Senecal
2022-08-09 17:32:20 -04:00
committed by jeremystretch
parent aabe8f7c5b
commit f74b7aa7ac
13 changed files with 180 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
netbox/project-static/styles/netbox.scss
View File

@@ -416,6 +416,27 @@ nav.search {
}
}
// Styles for the quicksearch and its clear button;
// Overrides input-group styles and adds transition effects
.quicksearch {
input[type="search"] {
border-radius: $border-radius !important;
}
button {
margin-left: -32px !important;
z-index: 100 !important;
outline: none !important;
border-radius: $border-radius !important;
transition: visibility 0s, opacity 0.2s linear;
}
button :hover {
opacity: 50%;
transition: visibility 0s, opacity 0.1s linear;
}
}
main.layout {
display: flex;
flex-wrap: nowrap;