On Thu, Jan 12, 2012 at 07:22:33PM +0100, Tomas Sedovic wrote:
The dreaded time has come.
Since a significant part of our users will be using Internet
Explorer (by choice or otherwise), we need to make sure that
Conductor works and looks properly under IE.
To calm you all down somewhat, we're *not* going to support IE6.
Anything above and including 7 must work, though.
I went ahead and looked at Conductor through the IE7 lenses and here
are all the issues that I've discovered.
Don't panic. You have been warned.
For the record, we can live without IE9 for the short term. We will
need it eventually though.
--Hugh
Javascript
----------
* errors on loading application.js
* errors on loading our backbone scripts
-- these two mean that out of the box, we're pretty much without
JS which makes the whole experience more sluggisg
Styling
-------
* General layout
* misaligned user dropdown
* missing round corners on the user dropdown
* misaligned copyright disclaimer in the footer
* the brownish darker-grey footer background is missing
* missing round corners on the content section
* missing separator between two breadcrumbs
* misaligned text on the error messages
* missing the vertical separator in the top notifications box
* Pools page
* misaligned New Pool button
* scorebox spens the entire width of the content section (it should be
only wide enough to fit its contents)
* garbled Alerts table
* missing round corners on the Alerts counter
* missing round corners on the Your Pools counter
* misaligned the New Deployment and catalog selection buttons
* Pretty view
* the pool card rows have no horizontal space separating them
* missing round corners on the pools list items
* missing round corners on the pools cards
* Filter view
* misaligned elements in the filter section of the table
* missing round corners on the search box
* misaligned search icon
* missing "Search" text in the search box
* missing round corners on the elements count
* Pool details
* Misaligned the New Deployment, Catalog Selection, Edit and
Delete buttons
* missing round corners on the counters next to the tabs
* Pretty view
* the deployment card rows have no horizontal space separating them
* Deployment details
* wrong colour of the horizontal separator line in the instance cards
* missing round corners in the counters next to the tabs
* Stop & Restart buttons not centered
* no space between the Stop, Restart buttons
* New/Edit pool
* the "unlimited" checkbox not properly vertically aligned
* the Save button's border is too thick and wrong colour (black
instead of
grey)
* Launch deployable from a Catalog
* missing round corners on the Edit, Select and Cancel buttons
* missing arrow next to the Details item
* clicking on Details doesn't show the image details
* The element containing each catalog is too wide
* Weird pixelation in the catalog title texts
* clicking on the Select button shows the wrong (too thick and black)
border again
* Launch overview
* Missing icon in the Launch button
* the Launch button is too wide
* Wrong colours when the Launch button is disabled
* the Cancel and Back buttons are vertically
* Admin section
* Missing icons in the admin section tabs
* Users
* Missing the Users header icon
* Missing the Users and Global Role Grants tabs
* User details
* Missing the user card contents
* Misaligned contents
* New/Edit user
* The "Maximum Running Instances" field is wrapped
* The Save User button's border is too thick and has a wrong colour
* The header is too high
* The "return to" link is misaligned
* No border around the user card
* missing round corners on the user card
* Pool Families
* Missing the Pool Families / Images tabs
* Missing the header icon
* New Pool, New Image butons:
* no round corners
* missing border
* top and bottom padding too low
* no round corners on the pool family tables
* wrong colour for the table border lines
* Pool Family details
* The Edit, Delet buttons
* misaligned
* wrong shape
* wrong size
* unexpected wrench icon above the Role Assignments tab
* Edit Pool Family
* Misaligned the header icon
* Misaligned the "return to" link
* The Maximum Running Instances label should not be wrapped
* Image details
* Misaligned the button row
* misaligned the "View build" row
* New Image
* Misaligned the "return to" link
* Create Deployable from Image
* missing picture
* missing borders on the catalog dropdown menu (when expanded)
* Content
* Missing the Catalogs/Realm/Hardware tabs
* Catalog details
* Missing background on the Properties section
* Deployable details
* missing icons for Images, Build and Catalogs headers
* misaligned the Build missing/Push missing dropdown in the
Build section
* misaligned image status message and icon in the accounts list
* bultetted list in the Build section when some images are not
in the IWHD
(the list should not have bullets)
* misaligned icon for the Role Assignments hedare
* misaligned "Choose a catalog..." area
* missing rounded corners in the Image Ready / Repair Images labels
* New Deployable
* "Choose Deployable XML file" should not be wrapped
* misaligned "Edit XML..."
* Cloud Providers
* Misaligned the header icon
* Misaligned the "Choose a provider" section
* No rounded corners on the providers dropdown menu
* Wrong border and shape of the Save Changes and Delete Provider
buttons
* Grant Access
* Misaligned the Grand Access and Cancel buttons
* Misaligned the header icon
Now, now. Remember not to panic. It seems to me that a sizeable
chunk of these can be reduced to a fairly small amount of issues --
like IE's lack of rounded-corners support and some inconsistent
layout and image behaviour.
I think that mostly, we're in a decent shape and we could get to a
good one pretty quickly.
If you're going to be working on fixing any of these, the IE
Developer Toolbar should be of help:
http://www.microsoft.com/download/en/confirmation.aspx?id=18359
Thomas
--
No trees were killed to send this message, but a large number of
electrons were terribly inconvenienced.
--
== Hugh Brock, hbrock(a)redhat.com ==
== Engineering Manager, Cloud BU ==
== Aeolus Project: Manage virtual infrastructure across clouds. ==
==
http://aeolusproject.org ==
"I know that you believe you understand what you think I said, but I’m
not sure you realize that what you heard is not what I meant."
--Robert McCloskey