Skip to content

Commit 26178db

Browse files
authored
fix(frontend): fix search input style for linter dashboard (#3806)
The webpack production build removes type="text" from inputs, since it's the default and seen as redundant. This broke the styling for the linter search input, which was using the selector `.search-box input[type="text"]`. This PR fixes the issue by updating the selector to `.search-box input`, which works correctly in all environments without needing complex Webpack configuration changes.
1 parent ed504ac commit 26178db

File tree

2 files changed

+3
-3
lines changed

2 files changed

+3
-3
lines changed

gcp/website/frontend3/src/linter.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -207,7 +207,7 @@ tr:hover {
207207
margin-bottom: 24px;
208208
}
209209

210-
.search-box input[type="text"] {
210+
.search-box input {
211211
flex: 1 0 auto;
212212
padding: 15px 10px;
213213
border: none;
@@ -216,7 +216,7 @@ tr:hover {
216216
font-size: 12pt;
217217
}
218218

219-
.search-box input[type="text"]:focus {
219+
.search-box input:focus {
220220
outline: none;
221221
}
222222

gcp/website/frontend3/src/templates/linter/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,7 @@ <h1>Open Source Vulnerabilities</h1>
6464
<div class="search-icon">
6565
<i class="material-icons">search</i>
6666
</div>
67-
<input type="text" id="search-input" placeholder="Search for a specific record..." />
67+
<input id="search-input" placeholder="Search for a specific record..." />
6868
</div>
6969

7070
<div id="ecosystem-details">

0 commit comments

Comments
 (0)