COmanage Developers List

[Marie Huynh <>]

I was using the built-in jquery ui icons and I don't think it's worth our time to override their size.  I changed the color of the icons to match the default text.  Here's another screenshot.

https://www.evernote.com/shard/s82/sh/3d7d3eb2-d399-49bd-a946-f4fb0a0851c5/ec174862b9293a47947dbe0f39d3a3d3

On Wed, Jun 26, 2013 at 7:18 AM, Benn Oshrin <> wrote:

I don't think we need to add that text, the icon is sufficient. I wonder if the icon should be larger, however, and perhaps not white. Especially on the green and yellow backgrounds, it's hard to see.

Perhaps make the backgrounds paler and the text darker? Sort of like the "Add COU" button in that screenshot, but not blue.

Also, is the yellow background the warning class? If so, I don't think it should use a check mark.

-Benn-

On 6/25/13 11:00 PM, Marie Huynh wrote:

The alerts are shown as they are generated by the page and I manually
generated these as a sampler. If ever only two are generated, one red
and one green, having them stacked on top of each other would be
unavoidable. If you think it would be helpful, I can easily insert
something like "Error:" and "Success:" at the beginning of the text,
after the icon.

Marie

On Jun 25, 2013 8:12 PM, "Heather Flanagan" <

<mailto:>> wrote:

    On 6/25/13 3:02 PM, Marie Huynh wrote:
     > As per my discussion with Benn yesterday, here is a screenshot of the
     > noty messages with bolder text and icons:
     >
     >
    https://www.evernote.com/shard/s82/sh/0669ab0c-61bf-419c-85fa-f42762a4883f/534c1d3aaf1fb3a660eebfbc0d6b895b
     >
     > If there are no objections, I'll clean it up and commit.

    Will you hate me if I point out that red-green colorblindness is the
    most common, so we should never have those two colors directly together
    as they are in the screen shot?

    -Heather

     >
     > Marie
     >
     >
     > On Fri, Jun 21, 2013 at 4:38 PM, Marie Huynh
    < <mailto:>

     > <mailto: <mailto:>>> wrote:
     >
     >     Here's a demo page with other styles and colors:
     >
     > http://needim.github.io/noty/
     >
     >     Marie
     >
     >
     >     On Fri, Jun 21, 2013 at 4:30 PM, Marie Huynh
    < <mailto:>

     >     <mailto: <mailto:>>>

    wrote:
     >
     >         I had some issues with some of the libraries I tried so I
    ended
     >         up plugging in noty.  Here's a screen shot of the
    messages along
     >         the top:
     >
     >
    https://www.evernote.com/shard/s82/sh/e573885a-e433-4d3d-9ce2-f570d4ccbe41/d188487678ff4211da7fea40edfe5272
     >
     >         This is the top right corner:
     >
     >
    https://www.evernote.com/shard/s82/sh/fea3a528-2c5b-4cb2-bb7d-3ca0b840f4c2/6146d367fc7a273710e6d8ed418083a6
     >
     >         It seems to work pretty well, comes with colors built in for
     >         different types of notifications, and is of course modifiable
     >         with CSS.
     >
     >         Marie
     >
     >
     >         On Sun, Jun 9, 2013 at 5:43 AM, Heather Flanagan
     >         < <mailto:>

    <mailto: <mailto:>>> wrote:
     >
     >             On 6/9/13 4:47 AM, Benn Oshrin wrote:
     >             > On 6/5/13 8:23 PM, Marie Huynh wrote:
     >             >
     >             >> I found a number of jquery ui plugins for popup
     >             notifications that are
     >             >> overlays and don't shift the layout of the page.  I
     >             posted some links
     >             >> with demos on the jira page:
     >             >>
     >             >> https://bugs.internet2.edu/jira/browse/CO-609
     >             >>
     >             >> What do you think of those styles?
     >             >
     >             > The toastr look is probably the best, though I
    really hate
     >             product names
     >             > that are an 'e' droppr.
     >
     >
     >             I don't like how toastr is translucent over the text
    on the
     >             main page -
     >             makes the pop up text harder to read.  Didn't see the
     >             translucency of
     >             the background as an option?
     >
     >             I liked the implementation of jgrowl a little better.
     >
     >             -Heather
     >
     >
     >
     >