baltimorecounty / baltimorecountymd.gov-assets Goto Github PK

Improve the Usability of the Clear Button

• Remove “Clear” button from the right of the search input.
• Add magnifying glass icon to indicate search/filter behavior.
• When user begins typing, render an X icon to indicate clear.
• Selecting X resets filter and deletes any text that had been entered in the text input.

http://staging.baltimorecountymd.gov/animal-services-redesign/index.html

found in the properties of the page.

You can see this in dev currently -- prod is not affected until tonight's release: http://www.baltimorecountymd.gov/Agencies/animalservices/index.html.

Red carets to the right of accordion menus don't rotate when expended. Related to the top-level highlighting change in this release? Not a showstopper in the least.

http://www.baltimorecountymd.gov/News/weather/index.html

Table filter tool input doesn't span the width of the table. We might just remove the filter entirely -- I'm not sure it's necessary on this page.

For all browsers, the time sorting is inaccurate for the Daily Docket.

http://staging.baltimorecountymd.gov/homepageredesign/Agencies/aging/index-responsive.html

We figured these would be a problem. And they are. Pretty much incomprehensible at phone size because they have so many fields. Any thoughts on how to solve this?

New:
http://staging.baltimorecountymd.gov/homepageredesign/Agencies/health/environmentalhealth/watersampling/samplingresults/gunpowder.html

Old:
http://www.baltimorecountymd.gov/Agencies/health/environmentalhealth/watersampling/samplingresults/gunpowder.html

IE lags when you sort the table for the Daily Docket.

The homepage scrolls horizontally in IE11. I've narrowed it down to the search box being the issue, and the snippet below shows the change I made in the inspector that seemed to make the problem go away.

.carousel-wrapper .search-container {
    position: absolute;
    right: 50%; /* changed from left: -50% */
    z-index: 999;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(50%);
}

coplogic

• Example: https://dev.baltimorecountymd.gov/agencies/police/onlinereport/lostproperty.html
  Need to de-http the script and link tags

https://dev.baltimorecountymd.gov/Agencies/publicworks/roadclosures/index.html

• Need to get arcgis api over https (edit page props)
  • /sebin/t/k/road-closures.js Needs to call our gis endpoints over https
    Resources > js > custom > RoadClosures
  • Needs gis.baltimorecountymd.gov to work over HTTPS (connection refused)
• Call ESRI JS api over https

https://dev.baltimorecountymd.gov/Agencies/publicworks/roadclosures/roadclosuresmap.html

• Need to get arcgis api over https (edit page props)
  • Need to update iframe source to HTTPS
  • /sebin/d/w/no-closure.js
    Resources > js > custom > RoadClosures
  • Needs gis.baltimorecountymd.gov to work over HTTPS (connection refused)
• Call ESRI JS api over https

https://dev.baltimorecountymd.gov/Agencies/recreation/countyparks/walkingtrailsmap.html

• Need to get arcgis api over https (edit page props)
  • /sebin/z/g/trails.js Needs to call our gis endpoints over https
    Resources > js > custom > WalkingTrails
  • Needs gis.baltimorecountymd.gov to work over HTTPS (connection refused)
• Call ESRI JS api over https

First Item should have a border top and the last item should have a border-bottom.

Happens in dev somewhere in a template. It is also present in production but the page rating form prevents it from throwing an error.

document.getElementById('url').value = window.location.href;

needs to change to

var url = document.getElementById('url');
if (url && url.value) {
  document.getElementById('url').value = window.location.href;
}

Refactor code to add an additional template javascript file with shared functionality between the homepage and inside templates.

name: template-shared.js

This may be the same issue that Mike experienced in Dev earlier this week but I thought it had been resolved.

The search and clear icons are not rendering as expected in search boxes. Example:
https://www.baltimorecountymd.gov/Agencies/circuit/dailydocket/

More information to follow.

On the following pages:

• http://www.baltimorecountymd.gov/Agencies/animalservices/adoption.html
• http://www.baltimorecountymd.gov/Agencies/animalservices/adoption.html

Focus links turn white.

rule that is failing: footer a, a:focus, a:hover

1. Move latitude and longitude to CONSTANTS
2. Add correct description ID to website category

http://staging.baltimorecountymd.gov/homepageredesign/iwant/apply.html

Compare to current site:
http://www.baltimorecountymd.gov/iwant/apply.html

The accordion navigation currently used in Econ Dev and Animal Services highlights the user's current location in gold. However, this only seems to work for links that are list items. If a link has no children, it's just included at the of the nav an element, and therefore doesn't get the highlight treatment.

For example, look at the Animal Services Jobs page and homepage, and note that the page is not highlighted in the nav.

Is there a workaround for this? If not, please tackle this as an enhancement.

http://staging.baltimorecountymd.gov/homepageredesign/Agencies/publicworks/SnowFighter/index.html

Following 1.5.2 update, it's possible to make the magnifying glass and X icon appear simultaneously in the content filter input, in Chrome.

To replicate, begin typing in the input then use backspace to quickly clear the text. Does not occur every time. Screen attached.

Regardless if you select individual or corporation you get all form fields. You should only see form fields associated with that selection. Individual form inputs start at first name. Fields above first name belong to corporation. Regardless of your choice, email should always show.

The "I Want to Contact" page is currently populated via XML and contains an older version of the filtering script. I'd like to update the page in the following way:

• Content should be HTML, and editable directly in SE.
• Table filter should be the new version from in the 1.1 update.
• Ability to tab between agency description and top services should be retained. If it's possible to componentize this so it could be used elsewhere or relies on a bootstrap standard, that's a plus but not required.
• The A-Z navigation is useful but not required. Might be good for a niftytables extension?

http://www.baltimorecountymd.gov/styleguide/design/navigation.html

Width of filter does not match the map.

This is the active tax sale. The next button is disabled, but appears to be visible. @danfox01 @sdurphy I would think this is pretty pressing, at least for tax sale.

Noticed this in the CHART module for snowfighter. Not sure where else it might happen.

Try /Agencies/aging/initiative/pledge.html

http://staging.baltimorecountymd.gov/homepageredesign/imlooking/index.html#all

The width is currently 15% and it should be 30% to add up to 100% of the table.

Width is being set in http://staging.baltimorecountymd.gov/sebin/f/h/i-need-to-contact.js.

Compare autocomplete text size on homepage (http://www.baltimorecountymd.gov) to a subpage ex: (http://www.baltimorecountymd.gov/Agencies/health/animalservices/index.html).

Subpage text size should match home page.

Steps to replicate:

1. Visit http://www.baltimorecountymd.gov/iwant/apply.html
2. Enter "volunteer" in the filter to observe column width change as you type

Expected behavior:

Column width should remain unchanged when filtering.

If the publish date times for the Baltimore County Now RSS are converted to EST (Eastern Standard time), the text, "undefined" shows up in the area where the date should display on the homepage.

The feed in development has been converted to Eastern Standard Time and the error on the homepage can be observed here: http://dev.baltimorecountymd.gov/

We would like to change the publish date time zone to EST for the production RSS so that there are no inconsistencies with the date displayed on the homepage and the date an editor actually published a post.

The generic pet template should move the animals image above the details on a mobile device.

This list should show up on all screen sizes.

H1's and H2's should be larger -- easier to scan.

Example: http://staging.baltimorecountymd.gov/homepageredesign/Agencies/health/petadoption/index.html
vs.
http://www.baltimorecountymd.gov/Agencies/health/petadoption/index.html?semobipref=true

I'd like to get sam's input on sizes as well.

Font size is not consistent on all pages, even if they are using the same template.

_Examples_

• https://staging.baltimorecountymd.gov/homepageredesign/
• http://staging.baltimorecountymd.gov/homepageredesign/imlooking/index.html#all

The domain for our spay/neuter scheduling vendor (ClinicHQ) is changing from .org to .com. All links to online scheduling must be updated to reflect this.

Scheduling links included in the Animal Services Spay/Neuter Calculator need to point to these new locations for each clinic:

Southwest Area Park: https://clinichq.com/online/3edba5a4-9922-4e2a-87a5-c138c8e8f4a8
Dundalk: https://clinichq.com/online/144afb8f-6c15-4f15-8e16-9417a4f85823
Baldwin: https://clinichq.com/online/564cf872-6f61-476f-8ecd-61d574a8a06f

Example:
http://staging.baltimorecountymd.gov/homepageredesign/Agencies/aging/commission.html

To replicate:

1. View the Daily Docket at phone size: http://www.baltimorecountymd.gov/Agencies/circuit/dailydocket/index.html
2. Note that table is clipped and not scrollable.
3. Make sadface.

Two references to jquery on these pages cause a conflict and it is not handled properly.

http://www.baltimorecountymd.gov/Contact/webmaster?issueid=42

Calendar responds well at all sizes on a desktop browser, but not on a phone.

http://staging.baltimorecountymd.gov/homepageredesign/Meetingsandevents/Countywide

On a phone:

In red-inside.css #baco_breadcrumb needs to have the color set to #002280;

These styles need to be consolidated into the sass project

1. Update the Animal Services Web Service to include Rescued Pets (depends on accela)
2. Copy existing lost pets page, and modify to use new rescued pets service method
3. Update content (web services)
4. Add age and remove Pet Tracking Heading from the Rescued Pets template