Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added search icon in every search bar #1399

Merged
merged 2 commits into from
Dec 11, 2024
Merged

Added search icon in every search bar #1399

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
f5c4f2c
Successfully added Search Icon to all Search Bars
Atharvverma1234 Dec 10, 2024
04606e7
Added changes
Rakesh9100 Dec 11, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 9 additions & 2 deletions assets/html_files/accordions.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,9 +94,16 @@

<div class="heading">Accordions</div>
<!-- Search Bar -->
<div id="searchBar">
<div id="searchBar" style="position: relative;">
<!-- Main heading for the search accordion -->
<h1 class="SearchDarkMode">Search Accordion</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Accordion Name" oninput="filtereachComponents()">
<!-- Container for the search input and icon -->
<div style="position: relative; display: inline-block;">
<!-- Search input field for entering the accordion name -->
<input type="text" id="componentSearch" placeholder="Enter Accordion Name" oninput="filtereachComponents()" style="padding-left: 20px;">
<!-- Search icon positioned inside the input field -->
<i class="fa fa-search" style="position: absolute; top: 35%; left: 12px; transform: translateY(-50%); color: gray; font-size: 20px;"></i>
</div>
</div>

<div class="no-results">
Expand Down
12 changes: 10 additions & 2 deletions assets/html_files/backgrounds.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,10 +94,18 @@

<div class="heading">Backgrounds</div>
<!-- Search Bar -->
<div id="searchBar">
<div id="searchBar" style="position: relative;">
<!-- Main heading for the search Background -->
<h1 class="SearchDarkMode">Search Background</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Background Name" oninput="filtereachComponents()">
<!-- Container for the search input and icon -->
<div style="position: relative; display: inline-block;">
<!-- Search input field for entering the Background name -->
<input type="text" id="componentSearch" placeholder="Enter Background Name" oninput="filtereachComponents()" style="padding-left: 20px;">
<!-- Search icon positioned inside the input field -->
<i class="fa fa-search" style="position: absolute; top: 35%; left: 12px; transform: translateY(-50%); color: gray; font-size: 20px;"></i>
</div>
</div>


<div class="no-results">
<img src="../images/no-results.png" alt="" height="100px" width="100px">
Expand Down
11 changes: 9 additions & 2 deletions assets/html_files/breadcrumbs.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,9 +94,16 @@

<div class="heading">Breadcrumbs</div>
<!-- Search Bar -->
<div id="searchBar">
<div id="searchBar" style="position: relative;">
<!-- Main heading for the search Breadcrumb -->
<h1 class="SearchDarkMode">Search Breadcrumb</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Breadcrumb Name" oninput="filtereachComponents()">
<!-- Container for the search input and icon -->
<div style="position: relative; display: inline-block;">
<!-- Search input field for entering the breadcrumb name -->
<input type="text" id="componentSearch" placeholder="Enter Breadcrumb Name" oninput="filtereachComponents()" style="padding-left: 20px;">
<!-- Search icon positioned inside the input field -->
<i class="fa fa-search" style="position: absolute; top: 35%; left: 12px; transform: translateY(-50%); color: gray; font-size: 20px;"></i>
</div>
</div>

<div class="no-results">
Expand Down
11 changes: 9 additions & 2 deletions assets/html_files/buttons.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,9 +94,16 @@

<div class="heading">Buttons</div>
<!-- Search Bar -->
<div id="searchBar">
<div id="searchBar" style="position: relative;">
<!-- Main heading for the search Button -->
<h1 class="SearchDarkMode">Search Button</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Button Name" oninput="filtereachComponents()">
<!-- Container for the search input and icon -->
<div style="position: relative; display: inline-block;">
<!-- Search input field for entering the Button name -->
<input type="text" id="componentSearch" placeholder="Enter Button Name" oninput="filtereachComponents()" style="padding-left: 20px;">
<!-- Search icon positioned inside the input field -->
<i class="fa fa-search" style="position: absolute; top: 35%; left: 12px; transform: translateY(-50%); color: gray; font-size: 20px;"></i>
</div>
</div>

<div class="no-results">
Expand Down
11 changes: 9 additions & 2 deletions assets/html_files/cards.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,9 +94,16 @@

<div class="heading">Cards</div>
<!-- Search Bar -->
<div id="searchBar">
<div id="searchBar" style="position: relative;">
<!-- Main heading for the search card -->
<h1 class="SearchDarkMode">Search Card</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Card Name" oninput="filtereachComponents()">
<!-- Container for the search input and icon -->
<div style="position: relative; display: inline-block;">
<!-- Search input field for entering the Card name -->
<input type="text" id="componentSearch" placeholder="Enter Card Name" oninput="filtereachComponents()" style="padding-left: 20px;">
<!-- Search icon positioned inside the input field -->
<i class="fa fa-search" style="position: absolute; top: 35%; left: 12px; transform: translateY(-50%); color: gray; font-size: 20px;"></i>
</div>
</div>

<div class="no-results">
Expand Down
11 changes: 9 additions & 2 deletions assets/html_files/carousels.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,9 +94,16 @@

<div class="heading">Carousels</div>
<!-- Search Bar -->
<div id="searchBar">
<div id="searchBar" style="position: relative;">
<!-- Main heading for the search Carousel -->
<h1 class="SearchDarkMode">Search Carousel</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Carousel Name" oninput="filtereachComponents()">
<!-- Container for the search input and icon -->
<div style="position: relative; display: inline-block;">
<!-- Search input field for entering the Carousel name -->
<input type="text" id="componentSearch" placeholder="Enter Carousel Name" oninput="filtereachComponents()" style="padding-left: 20px;">
<!-- Search icon positioned inside the input field -->
<i class="fa fa-search" style="position: absolute; top: 35%; left: 12px; transform: translateY(-50%); color: gray; font-size: 20px;"></i>
</div>
</div>

<div class="no-results">
Expand Down
11 changes: 9 additions & 2 deletions assets/html_files/cursors.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -88,9 +88,16 @@

<div class="heading">Cursors</div>
<!-- Search Bar -->
<div id="searchBar">
<div id="searchBar" style="position: relative;">
<!-- Main heading for the search Cursor -->
<h1 class="SearchDarkMode">Search Cursor</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Cursor Name" oninput="filtereachComponents()">
<!-- Container for the search input and icon -->
<div style="position: relative; display: inline-block;">
<!-- Search input field for entering the Cursor name -->
<input type="text" id="componentSearch" placeholder="Enter Cursor Name" oninput="filtereachComponents()" style="padding-left: 20px;">
<!-- Search icon positioned inside the input field -->
<i class="fa fa-search" style="position: absolute; top: 35%; left: 12px; transform: translateY(-50%); color: gray; font-size: 20px;"></i>
</div>
</div>

<div class="no-results">
Expand Down
11 changes: 9 additions & 2 deletions assets/html_files/dropdowns.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,9 +94,16 @@

<div class="heading">Dropdowns</div>
<!-- Search Bar -->
<div id="searchBar">
<div id="searchBar" style="position: relative;">
<!-- Main heading for the search Dropdown -->
<h1 class="SearchDarkMode">Search Dropdown</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Dropdown Name" oninput="filtereachComponents()">
<!-- Container for the search input and icon -->
<div style="position: relative; display: inline-block;">
<!-- Search input field for entering the Dropdown name -->
<input type="text" id="componentSearch" placeholder="Enter Dropdown Name" oninput="filtereachComponents()" style="padding-left: 20px;">
<!-- Search icon positioned inside the input field -->
<i class="fa fa-search" style="position: absolute; top: 35%; left: 12px; transform: translateY(-50%); color: gray; font-size: 20px;"></i>
</div>
</div>

<div class="no-results">
Expand Down
11 changes: 9 additions & 2 deletions assets/html_files/footers.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,9 +94,16 @@

<div class="heading">Footers</div>
<!-- Search Bar -->
<div id="searchBar">
<div id="searchBar" style="position: relative;">
<!-- Main heading for the search Footer -->
<h1 class="SearchDarkMode">Search Footer</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Footer Name" oninput="filtereachComponents()">
<!-- Container for the search input and icon -->
<div style="position: relative; display: inline-block;">
<!-- Search input field for entering the Footer name -->
<input type="text" id="componentSearch" placeholder="Enter Footer Name" oninput="filtereachComponents()" style="padding-left: 20px;">
<!-- Search icon positioned inside the input field -->
<i class="fa fa-search" style="position: absolute; top: 35%; left: 12px; transform: translateY(-50%); color: gray; font-size: 20px;"></i>
</div>
</div>

<div class="no-results">
Expand Down
11 changes: 9 additions & 2 deletions assets/html_files/forms.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,9 +94,16 @@

<div class="heading">Forms</div>
<!-- Search Bar -->
<div id="searchBar">
<div id="searchBar" style="position: relative;">
<!-- Main heading for the search Form -->
<h1 class="SearchDarkMode">Search Form</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Form Name" oninput="filtereachComponents()">
<!-- Container for the search input and icon -->
<div style="position: relative; display: inline-block;">
<!-- Search input field for entering the Form name -->
<input type="text" id="componentSearch" placeholder="Enter Form Name" oninput="filtereachComponents()" style="padding-left: 20px;">
<!-- Search icon positioned inside the input field -->
<i class="fa fa-search" style="position: absolute; top: 35%; left: 12px; transform: translateY(-50%); color: gray; font-size: 20px;"></i>
</div>
</div>

<div class="no-results">
Expand Down
11 changes: 9 additions & 2 deletions assets/html_files/heroes.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,9 +94,16 @@

<div class="heading">Heroes</div>
<!-- Search Bar -->
<div id="searchBar">
<div id="searchBar" style="position: relative;">
<!-- Main heading for the search Heroes -->
<h1 class="SearchDarkMode">Search Heroes</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Hero Name" oninput="filtereachComponents()">
<!-- Container for the search input and icon -->
<div style="position: relative; display: inline-block;">
<!-- Search input field for entering the Heroes name -->
<input type="text" id="componentSearch" placeholder="Enter Heroes Name" oninput="filtereachComponents()" style="padding-left: 20px;">
<!-- Search icon positioned inside the input field -->
<i class="fa fa-search" style="position: absolute; top: 35%; left: 12px; transform: translateY(-50%); color: gray; font-size: 20px;"></i>
</div>
</div>

<div class="no-results">
Expand Down
11 changes: 9 additions & 2 deletions assets/html_files/loaders.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,9 +94,16 @@

<div class="heading">Loaders</div>
<!-- Search Bar -->
<div id="searchBar">
<div id="searchBar" style="position: relative;">
<!-- Main heading for the search Loader -->
<h1 class="SearchDarkMode">Search Loader</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Loader Name" oninput="filtereachComponents()">
<!-- Container for the search input and icon -->
<div style="position: relative; display: inline-block;">
<!-- Search input field for entering the Loader name -->
<input type="text" id="componentSearch" placeholder="Enter Loader Name" oninput="filtereachComponents()" style="padding-left: 20px;">
<!-- Search icon positioned inside the input field -->
<i class="fa fa-search" style="position: absolute; top: 35%; left: 12px; transform: translateY(-50%); color: gray; font-size: 20px;"></i>
</div>
</div>

<div class="no-results">
Expand Down
11 changes: 9 additions & 2 deletions assets/html_files/navigation-bars.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,9 +94,16 @@

<div class="heading">Navigation Bars</div>
<!-- Search Bar -->
<div id="searchBar">
<div id="searchBar" style="position: relative;">
<!-- Main heading for the search Navigation Bar -->
<h1 class="SearchDarkMode">Search Navigation Bar</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Navigation Bar Name" oninput="filtereachComponents()">
<!-- Container for the search input and icon -->
<div style="position: relative; display: inline-block;">
<!-- Search input field for entering the Navigation Bar name -->
<input type="text" id="componentSearch" placeholder="Enter Navigation Bar Name" oninput="filtereachComponents()" style="padding-left: 20px;">
<!-- Search icon positioned inside the input field -->
<i class="fa fa-search" style="position: absolute; top: 35%; left: 12px; transform: translateY(-50%); color: gray; font-size: 20px;"></i>
</div>
</div>

<div class="no-results">
Expand Down
11 changes: 9 additions & 2 deletions assets/html_files/popups.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,9 +94,16 @@

<div class="heading">Popups</div>
<!-- Search Bar -->
<div id="searchBar">
<div id="searchBar" style="position: relative;">
<!-- Main heading for the search Popups -->
<h1 class="SearchDarkMode">Search Popups</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Popup Name" oninput="filtereachComponents()">
<!-- Container for the search input and icon -->
<div style="position: relative; display: inline-block;">
<!-- Search input field for entering the Popups name -->
<input type="text" id="componentSearch" placeholder="Enter Popup Name" oninput="filtereachComponents()" style="padding-left: 20px;">
<!-- Search icon positioned inside the input field -->
<i class="fa fa-search" style="position: absolute; top: 35%; left: 12px; transform: translateY(-50%); color: gray; font-size: 20px;"></i>
</div>
</div>

<div class="no-results">
Expand Down
13 changes: 10 additions & 3 deletions assets/html_files/scrollbars.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,9 +94,16 @@

<div class="heading">Scrollbars</div>
<!-- Search Bar -->
<div id="searchBar">
<h1 class="SearchDarkMode">Search Scrollbar</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Scrollbar Name" oninput="filtereachComponents()">
<div id="searchBar" style="position: relative;">
<!-- Main heading for the search scrollBar -->
<h1 class="SearchDarkMode">Search ScrollBar</h1><br>
<!-- Container for the search input and icon -->
<div style="position: relative; display: inline-block;">
<!-- Search input field for entering the ScrollBar name -->
<input type="text" id="componentSearch" placeholder="Enter ScrollBar Name" oninput="filtereachComponents()" style="padding-left: 20px;">
<!-- Search icon positioned inside the input field -->
<i class="fa fa-search" style="position: absolute; top: 35%; left: 12px; transform: translateY(-50%); color: gray; font-size: 20px;"></i>
</div>
</div>

<div class="no-results">
Expand Down
13 changes: 10 additions & 3 deletions assets/html_files/search-bars.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,9 +94,16 @@

<div class="heading">Search Bars</div>
<!-- Search Bar -->
<div id="searchBar">
<h1 class="SearchDarkMode">Search Search Bar</h1><br>
<input type="text" id="componentSearch" placeholder="Enter SearchBar Name" oninput="filtereachComponents()">
<div id="searchBar" style="position: relative;">
<!-- Main heading for the search SearchBar -->
<h1 class="SearchDarkMode">Search SearchBar</h1><br>
<!-- Container for the search input and icon -->
<div style="position: relative; display: inline-block;">
<!-- Search input field for entering the SearchBar name -->
<input type="text" id="componentSearch" placeholder="Enter SearchBar Name" oninput="filtereachComponents()" style="padding-left: 20px;">
<!-- Search icon positioned inside the input field -->
<i class="fa fa-search" style="position: absolute; top: 35%; left: 12px; transform: translateY(-50%); color: gray; font-size: 20px;"></i>
</div>
</div>

<div class="no-results">
Expand Down
13 changes: 10 additions & 3 deletions assets/html_files/tables.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,9 +94,16 @@

<div class="heading">Tables</div>
<!-- Search Bar -->
<div id="searchBar">
<h1 class="SearchDarkMode">Search Table</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Table Name" oninput="filtereachComponents()">
<div id="searchBar" style="position: relative;">
<!-- Main heading for the search Tables -->
<h1 class="SearchDarkMode">Search Tables</h1><br>
<!-- Container for the search input and icon -->
<div style="position: relative; display: inline-block;">
<!-- Search input field for entering the Tabel name -->
<input type="text" id="componentSearch" placeholder="Enter Tabel Name" oninput="filtereachComponents()" style="padding-left: 20px;">
<!-- Search icon positioned inside the input field -->
<i class="fa fa-search" style="position: absolute; top: 35%; left: 12px; transform: translateY(-50%); color: gray; font-size: 20px;"></i>
</div>
</div>

<div class="no-results">
Expand Down
11 changes: 9 additions & 2 deletions assets/html_files/text-animations.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,9 +94,16 @@

<div class="heading">Text Animations</div>
<!-- Search Bar -->
<div id="searchBar">
<div id="searchBar" style="position: relative;">
<!-- Main heading for the search Text Animation -->
<h1 class="SearchDarkMode">Search Text Animation</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Text Animation Name" oninput="filtereachComponents()">
<!-- Container for the search input and icon -->
<div style="position: relative; display: inline-block;">
<!-- Search input field for entering the Text Animation name -->
<input type="text" id="componentSearch" placeholder="Enter Text Animation Name" oninput="filtereachComponents()" style="padding-left: 20px;">
<!-- Search icon positioned inside the input field -->
<i class="fa fa-search" style="position: absolute; top: 35%; left: 12px; transform: translateY(-50%); color: gray; font-size: 20px;"></i>
</div>
</div>

<div class="no-results">
Expand Down
Loading
Loading