Please make sure the white box and grey button are the same height.

One-Line Summary

The social media icons need font-awesome, so we should include that link in the docs.
Also, is the font link in the docs the full font package or the lite package?

The "S" in search needs to be left aligned with the "B" in BYU regardless of mobile width.

What do we need to do to make this happen?

Mobile view should have a wrapped title with smaller font instead of ellipses (see instructions)

The margin on the right needs to always match the margin on the left. Please add padding between end of "sign out" and end of page.

We'll need to adjust the social media icons in the footer. (see pinned image on engineering board for instructions)

If I'm on BYU Brand, the logo should take me to BYU Brand homepage. If I'm on BYU Math, the BYU logo should take me to BYU Math homepage. etc.

Looks like right now only the text next to it links.

One-Line Summary

tag needs to be replaced with tag for the site title

Websites Affected

If this is a bug or styling issue, please list one or more URLs where
we can see the issue.
http://2017-components-demo.cdn.byu.edu/index.html

Issue Type

Typo
Is this (add an x in the boxes that apply)

• A difference between the components and the Official Specification?
• A bug, such as a Javascript error, or the UI not rendering properly
  on a page?
• Inconsistent appearance/behavior between browsers?
• An issue on mobile browsers?
• A request for a new feature/enhancement?

Browsers Affected

Add an x in all the boxes that apply. Please mark desktop and mobile
browsers separately.

We support the last two versions of Chrome, Firefox, Safari, and Edge,
plus Internet Explorer 11.

Desktop Browsers

• Google Chrome
• Mozilla Firefox
• Apple Safari
• Microsoft Edge
• Microsoft Internet Explorer 11
• Other (please specify)

Mobile Browsers

• Any browser on iOS
• Chrome for Android
• Firefox Mobile for Android
• Other (please specify)

Web Site Platform

What is hosting your website?

• Drupal 7
• Drupal 8
• Wordpress
• Custom Site
• Don't Know

Detailed Description

Tell us all about your problem or feature proposal.
Change the documentation on the page above to have a span tag rather than an h1 tag. The h1 causes the title to be way too big.
If the issue is with styling, please include screenshots!

As page width shrinks, space between "BYU" and start of Department name should still remain the same as full width.

One-Line Summary

The line height of 22px is cutting off the tails of descending letters like ps and qs

For an example look at the "P" on http://2017-components-demo.cdn.byu.edu/

I believe this is already being addressed by @kebowdog, but please just ensure that anytime there are two lines, it is aligned top and bottom with the BYU logo. In the attached instance, you can simply adjust the line height to make that happen. Let me know if you have any questions on other instances.

Please change the phone number in the footer to have dashes, and call when it is clicked

If only three columns, when this starts to wrap the third column should be left aligned, not centered.

The search box looks wrong in safari.

Somewhere along the way we lost the Gotham font on the copyright line. Can we please include it again?

Can we eliminate the blue underline appearing under the mobile search bar? I've attached two examples (one with, one without). Perhaps it is only occurring in the drupal theme? Do we have any other websites we can check?

Please add hover functionality to sign in/sign out in the header

github io pages, brand.byu.edu, theme-dev.byu.edu, etc

One-Line Summary

Currently, header tags don't get styled properly when used as a site-title. See #153

Websites Affected

If this is a bug or styling issue, please list one or more URLs where
we can see the issue.

All

Issue Type

Is this (add an x in the boxes that apply)

• A difference between the components and the Official Specification?
• A bug, such as a Javascript error, or the UI not rendering properly
  on a page?
• Inconsistent appearance/behavior between browsers?
• An issue on mobile browsers?
• A request for a new feature/enhancement?

Browsers Affected

All

Web Site Platform

All

Detailed Description

Tell us all about your problem or feature proposal.

Do we have the option of adding a subtitle?

If there are less than 5 items in the nav bar, keep them left instead of centered on the page.

Please change font weight to 500 instead of 400 on gotham everywhere except the copyright line in the picture below

Is this an accurate view of where the code is at for iPads?
Seems the search bar needs some love

Try 7px line-height between Brigham Young University and copyright line.
Also, lets increase the width of BYU logo to 450 px so it is wider than copyright line

Just need to adjust formatting a bit here

Looks like somewhere along the way the "active state" stopped working with components. Could we get that adjusted so that the page I'm on displays grey in the nav bar again?

Please watch the footer "Brigham Young University Logo" as you open and close the mobile menu. It seems it can't decide on what size it wants to be and shakes in and out instead. Let me know if you want me to clarify.

Logged in name should appear a different blue:

Please make sure this page is perfect, with examples that have the correct fonts, and with everything functioning responsively by April 6.

https://byuweb.github.io/2017-components/index.html

We have Sign In some places, and Login some places. Please make everything Sign In/Sign Out

I'm aware this isn't working quite yet, but once it is - can we just make sure that the functionality to hit enter to search works the same as clicking the icon to search?

Also this needs to be big enough that the "search" text can be the same size as text in the nav bar beneath it - - in gotham 500.

One-Line Summary

CSP blocks the use of unsafe inline scripts and the use of eval or similar functions in javascript.

Websites Affected

We haven't pushed the theme to an externally visible location yet but if necessary we can probably get you something to look at.

Issue Type

• A difference between the components and the Official Specification?
• A bug, such as a Javascript error, or the UI not rendering properly
  on a page?
• Inconsistent appearance/behavior between browsers?
• An issue on mobile browsers?
• A request for a new feature/enhancement?

Browsers Affected

Desktop Browsers

Haven't tested with any other browsers but may be present.

• Google Chrome
• Mozilla Firefox
• Apple Safari
• Microsoft Edge
• Microsoft Internet Explorer 11
• Other (please specify)

Mobile Browsers

• Any browser on iOS
• Chrome for Android
• Firefox Mobile for Android
• Other (please specify)

Web Site Platform

• Drupal 7
• Drupal 8
• Wordpress
• Custom Site
• Don't Know

Detailed Description

Content Security Policy will block parts of the scripts used by the BYU theme components, resulting in obvious issues in styling and rendering of some content period.

The error as reported in the JS console on google chrome:

How it renders the page:

Firefox:

Render on Firefox:

To reproduce, adding the header "Content-Security-Policy: script-src 'self' *; style-src 'self' 'unsafe-inline' *;" seems sufficient.

The original site (for reference; byu-theme is not yet applied in production) can be found here.

Font weight for Vitesse should be 400, not 500. Also, please center vertically.

Second line should be 12pt font instead of 14pt, per instruction sheet. This should help create a little more line height so they aren't going to run into each other.

Amount of blue space before "BYU" on left is perfect. Please add padding on the right side of menu icon to match.

Looks like the name and Sign Out text is aligned bottom with the logo. However, the Login text is centered vertically. Please center everything vertically.

Please make sure grey button in search box is larger than menu icon above it. Menu icon and search icon should be the same size.

Please set the max width of the header and footer at 1200px. This should be the default, with the option to be be full width if they choose.

Please center vertically. It is currently closer to the bottom than the top.

Need to make the first name what is displayed, instead of netID

Can we get this page updated? Currently no search images appearing
http://2017-components-demo.cdn.byu.edu/byu-search.html

The search bar width in mobile is inconsistent. Some times with width is greater than 100% and sometimes it is less than 100%

Font weight for Vitesse headers everywhere should be 400, not 500

Please make to look like this:

Currently looks like this:

Links on nav bar should be centered, unless there are 3 or less. Then please left align with the beginning of the College/Department (see green line below)

In mobile view if there is no login and no navigation menu then the hamburger menu should not show up.