Skip to content

Commit 5612a93

Browse files
committed
Fix UI issues: search button icons visibility and desktop close button
- Add fill color to SVG icons in search buttons (magnifying glass and X) - Hide offcanvas close button on desktop mode (992px+) where sidebar is permanent - Improve icon hover state for better UX
1 parent 38c5c55 commit 5612a93

1 file changed

Lines changed: 15 additions & 0 deletions

File tree

css/catchment.css

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -66,6 +66,16 @@ body {
6666
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
6767
}
6868

69+
/* Fix transparent SVG icons in search buttons */
70+
.address-search .btn svg {
71+
fill: currentColor;
72+
color: #6c757d;
73+
}
74+
75+
.address-search .btn:hover svg {
76+
color: #495057;
77+
}
78+
6979
/* Autocomplete dropdown */
7080
.autocomplete-items {
7181
position: absolute;
@@ -180,6 +190,11 @@ body {
180190
.navbar .btn[data-bs-toggle="offcanvas"] {
181191
display: none;
182192
}
193+
194+
/* Hide close button in offcanvas on desktop */
195+
.offcanvas-end .btn-close {
196+
display: none;
197+
}
183198
}
184199

185200
/* Extra large screens */

0 commit comments

Comments
 (0)