Skip to content

Commit

Permalink
Use NcTextField, provide MDI search icon - NC25 Compatibility
Browse files Browse the repository at this point in the history
As of NC25 application has to provide their own icons, see [here](nextcloud/server#32060)
The switch to NcTextField allows easy to use their wrapper for the same result than previous code
Use the MDI AccountSearchIcon which feels more appropriate than a simple magnifier
  • Loading branch information
Oliv4945 committed May 15, 2023
1 parent fb50077 commit 2ff10ba
Show file tree
Hide file tree
Showing 4 changed files with 7,222 additions and 5,972 deletions.
27 changes: 2 additions & 25 deletions css/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -53,31 +53,8 @@ table tr td:first-child {

.search-container {
position: relative;

input {
width: calc(100% - 24px);
margin: 14px 12px;
padding: 5px 25px;
background: transparent url('../img/search.svg?v=1') no-repeat 5px center;
}

.abort {
opacity: 0.5;
transition: opacity 0.5s;
background: transparent var(--icon-close-000) no-repeat center;
background-size: auto;
background-size: 100%;
width: 20px;
height: 20px;
position: absolute;
right: 16px;
top: 20px;
cursor: pointer;
}

.abort:focus, .abort:hover, .abort:active {
opacity: 0.8;
}
width: calc(100% - 24px);
margin: 12px 12px 5px 12px;
}

.select-group {
Expand Down
Loading

0 comments on commit 2ff10ba

Please sign in to comment.