search

micahmicah / info

info
MIT License
0 stars 1 forks source link

login / work area link #20

Open micahmicah opened 10 years ago

micahmicah commented 10 years ago

Navigation needs to account for these states.

login work area logout

nannyogg commented 10 years ago

I reworked the login area to place the 3 states in one div. There appears to be transparent space above each pictogram causing the images to align beneath the baseline of the search box. navalignment

micahmicah commented 10 years ago

This is strange, I'm not getting those placement errors:

screen shot 2014-08-18 at 11 45 54 am

nannyogg commented 10 years ago

So, something in windows…

micahmicah commented 10 years ago

Is it possible to load either of the following:

  1. a .svg file (I think I remember this not being supported by Ektron).
  2. inline svg code such as this:
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
    <g>
    <path d="M69.5,54.6l-3,5.4l-8.7-1.5L54,61.6v8.8l-5.8,2.1l-5.7-6.7h-4.9l-5.7,6.7L26,70.4l-0.1-8.8l-3.7-3.2l-8.7,1.5l-3-5.3
        l5.6-6.8l-0.9-4.8l-7.6-4.4l1-6.2l8.7-1.5l2.5-4.3l-3-8.3l4.7-4l7.7,4.4l4.7-1.6l3-8.4h6.2l3,8.4l4.7,1.7l7.6-4.5l4.7,4l-2.9,8.4
        l2.4,4.3l8.7,1.5l1,6.1L64.8,43l-0.9,4.8C63.9,47.8,63.9,47.8,69.5,54.6z M40,52.2c6.2,0,11.1-4.9,11.1-11.1
        C51.1,34.9,46.2,30,40,30c-6.2,0-11.1,4.9-11.1,11.1C28.9,47.2,33.8,52.2,40,52.2z"/>
    </g>
</svg>

If neither of those work I could provide double res .png files and have them sized down via CSS.

nannyogg commented 10 years ago

No, the Ektron login control doesn’t have the space to allow for an .svg. If the pictogram won’t work, we’ll need to use .pngs.

What if we moved the alignment of the logo and search box down?

Lisa

nannyogg commented 10 years ago

As an aside, the pictograms line up perfectly in Chrome, Windows 8.

micahmicah commented 10 years ago

Which browser are they having alignment problems in?

nannyogg commented 10 years ago

I did some testing in BrowserStack and it seems to be consistently Firefox and Chrome in any Windows OS older than 8.

The pictograms don’t work in IE.

Lisa

micahmicah commented 10 years ago

They don't load at all? Which version of IE? Thanks for looking into those other issues.

nannyogg commented 10 years ago

The login pictograms align correctly in IE.

micahmicah commented 10 years ago

screen shot 2014-08-27 at 9 21 01 am

will replace with this.

micahmicah commented 10 years ago

Include the issues from: https://github.com/micahmicah/info/issues/29