city-of-helsinki / hel-bootstrap-3 Goto Github PK

Improve input field placeholder text visibility on different background colors.

CSS generated svg logos do not respect background-position on IE(11) properly.
Should test what attributes the svg needs to make the bg svg size properly (maybe width, height, viewbox, preserveAspectRatio)

Currently selected item underline (border-bottom) expands full menu width. Is there a way to make underline link width?

Also the beveled divider between menu and the navbar is ugly.

helsinki-logo-xx.svg should not include white space around graphic. White space in image file makes aligning with margins difficult.

Either make text light on dark backgrounds or keep all label colors light.

Should achieve maximum visual consistency without extra markup or js.

When adding this to Huvaja I noticed the labels, borders and help-block of inputs with errors are white on a white background, making them difficult to see. For example in this image from the Bootstrap test page there's an "Input error" field between the "Input warning" and "Input success" fields:

Document how $icon-font-path should be changed on different applications or make default path bulletproof.

At least Swedish should be available

Chrome (OSX):

Safari (OSX):

Firefox (OSX):

IE11 (Win7):

Input group buttons should align properly with input field.

<h3> size too close to <h2>. Revise header sizing.
(Check Bootstrap 4 for upcoming type scales)

Either document or fix the paths of sass file imports.

Becomes visible only under the active link item underlining.