Baltimore-County-Government / dotgov-components

UI design system for Baltimore County's primary website
https://baltimore-county-government.github.io/dotgov-components/
2 stars 0 forks source link

adds additional styles for input field #406

Closed bbarbourbcmd closed 2 years ago

bbarbourbcmd commented 2 years ago

Needed to add a few additional styles for the input and elements surrounding the input on this page.

Original css for reference: .js-trails-filter { padding: 10px; }

.search-container-trails > div { padding: 0 10px; width:100%; }

@media screen and (max-width: 768px) { .search-container-trails > div { padding: 0 20px; width:100%; } }

bbarbourbcmd commented 2 years ago

Added a few more style changes to the pagination/button hover styles, added the health coalition icons back, and changed the color of the disclaimer. Here's the original css for comparison:

.filter-walking-trails .paging button:not(:disabled), .show-records button, .search-container-trails button { cursor: pointer; }

.filter-walking-trails .paging .paging-numbers button.active { color: #243e5d; font-weight: 900; }

.filter-walking-trails .paging .paging-numbers button.active:hover { cursor: default; }

.filter-walking-trails .paging .paging-numbers button { text-decoration: none; }

.filter-walking-trails .paging .paging-numbers button:hover { text-decoration: underline; }

.show-records button.active { display: none; }

.parks-container .park .health-coalition { display: inline-block; margin: 0 auto 10px; text-align: right; }

dg_main-content .parks-container .park .health-coalition img {

margin: 0;

}

.filter-walking-trails+.disclaimer { background: #F7F7F7; }

theilman7 commented 2 years ago

Added one comment.