Skip to content
This repository has been archived by the owner on May 13, 2024. It is now read-only.

Site banner icon update #300

Merged
merged 1 commit into from
Dec 3, 2018
Merged

Site banner icon update #300

merged 1 commit into from
Dec 3, 2018

Conversation

rossmoody
Copy link
Contributor

@rossmoody rossmoody commented Nov 30, 2018

Fixes brave/brave-browser#2614

Updated the color and shadow treatment for the icon in site banners to be more visible on light and dark backgrounds per direction from @bradleyrichter . This feels a little like a bandaid. Bringing the icon in with the shadow as a graphic in this one isolated occurrence seems like bad practice but for now it'll stop people from missing the close button. I imagine this will get revisited soon.

change

@rossmoody rossmoody self-assigned this Nov 30, 2018
@rossmoody
Copy link
Contributor Author

@NejcZdovc i think i tried all the things i know how to do to get the Travis build cleared here and it's still failing on me. passes on my local machine though. let me know how i can help.

@ryanml
Copy link
Contributor

ryanml commented Dec 3, 2018

@rossmoody thanks for submitting! So there's an issue right now that we need to fix with our integration test, so for now one of the travis checks will fail.

That said, could you please regenerate and push the snapshot for walletSummary? Since it is a new month we need to update that one (currently failing spec test) then this should be good to go.

@rossmoody
Copy link
Contributor Author

@ryanml awesomeness. thanks for the heads up and tip. snapshot updated

- updated the color and shadow treatment for the icon in site banners to be more visible on light and dark backgrounds

Nov -> Dec snapshot update
@ryanml ryanml merged commit 10f07c0 into master Dec 3, 2018
@ryanml ryanml deleted the site-banner-icon branch December 3, 2018 01:52
@petemill
Copy link
Member

Does this want to be uplifted to anything earlier than v60 @rossmoody @rebron @bradleyrichter ?

@bradleyrichter
Copy link

bradleyrichter commented Dec 11, 2018 via email

@rebron
Copy link
Collaborator

rebron commented Dec 11, 2018

Get into 59.x and add an uplift request tag if you want us to look at this for 58.x.

@kjozwiak
Copy link
Member

@rossmoody uplift request to 0.58.x approved after deliberating with @srirambv & @rebron 👍 Please add/remove all needed labels and ensure that the associated issue is moved to the correct milestone after merging to 0.58.x.

@rebron
Copy link
Collaborator

rebron commented Dec 13, 2018

@rossmoody @petemill Has this been merged to 0.58.x yet? Also, make sure we get this merged to 59.x.

petemill pushed a commit that referenced this pull request Dec 18, 2018
petemill pushed a commit that referenced this pull request Dec 18, 2018
@petemill
Copy link
Member

petemill commented Dec 18, 2018

brave-core-0.59.x df91eb6
brave-core-0.58.x 4edb796

note that late 0.58.x uplift re-approved by @rebron via DM

@petemill
Copy link
Member

@rossmoody @rebron @mandar-brave @ryanml @kjozwiak this is in need of an issue in brave-browser which should have the milestone set to 0.58.x so that this item gets sufficiently QA'ed that it's present and working in the release.

<svg width='32' height='32' xmlns='http://www.w3.org/2000/svg' xmlnsXlink='http://www.w3.org/1999/xlink'>
<defs>
<path d='M28.704 27.28L17.41 15.996 28.704 4.709a1.004 1.004 0 0 0-1.419-1.42L16 14.587 4.715 3.29a1.004 1.004 0 1 0-1.42 1.42l11.296 11.285L3.296 27.281a1 1 0 0 0 0 1.42 1 1 0 0 0 1.419 0L16 17.404 27.285 28.7a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42z' id='b' />
<filter x='-17.3%' y='-17.3%' width='134.6%' height='134.6%' filterUnits='objectBoundingBox' id='a'>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@rossmoody @NejcZdovc @ryanml this may be a bit of an issue in that there are elements in this SVG which have an id attribute. If there are two graphics on the page that both expose these same IDs (which is likely because the ID is 'a' and 'b') then there may be an issue. Probably not an issue with two of the same close-shadow icons on a page, but definitely an issue if two separate graphics which use these same IDs.

The solution is to flatten the SVG so that it does not use DEFs, or to use an external .svg file (which gets an isolated ID scope), or to apply these affects (whatever they are) via CSS.

Incidentally (or related to the above?) why is this called close-shadow? Is it the same as close but with a shadow?

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Make the Site banner icon visible
6 participants