Skip to content

/ ghostery-extension

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Panel Bug Fixes #28

Merged
merged 6 commits into from Apr 9, 2018
+112 −110
Merged

Panel Bug Fixes #28

Changes from 1 commit
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
9697aae
Panel Fixes: Fix CSS SVG encoding for FF
IAmThePan Apr 6, 2018
58e8816
Panel Fixes: HTML encode inline SVGs
IAmThePan Apr 6, 2018
bf28571
Panel Fixes: Edge bug fixes (GH-911)
IAmThePan Apr 6, 2018
08fc2da
GH-867 Alternate Summary View AB Test
IAmThePan Apr 9, 2018
0266a29
Fix overflow scroll issue
IAmThePan Apr 9, 2018
d30db63
Toggle Summary AB test off
IAmThePan Apr 9, 2018
File filter
Filter file types
Clear filters
Jump to
Jump to file
Failed to load files.

Always

Just for now

Prev Next

Panel Fixes: HTML encode inline SVGs

  • Loading branch information
@IAmThePan
IAmThePan committed Apr 6, 2018
commit 58e88168848d575864ab177f35607a0be62163fc
8 app/scss/partials/_cliqz_features.scss
View file
Open in desktop
@@ -12,19 +12,19 @@
*/

@function buildIconAntiTracking($stroke-color) {
@return url('data:image/svg+xml;charset=US-ASCII,<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg"><g stroke="#{url-friendly-colour($stroke-color)}" stroke-width="2" fill="none"><circle cx="25" cy="25" r="23"/><path d="M25.213 15.032a.721.721 0 0 0-.426 0l-9.149 2.427a.82.82 0 0 0-.638.809c.043 6.514 3.532 12.56 9.532 16.604A.859.859 0 0 0 25 35c.17 0 .34-.043.468-.128 6-4.045 9.49-10.09 9.532-16.604a.82.82 0 0 0-.638-.81l-9.15-2.426z"/></g></svg>');
@return url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20stroke%3D%22#{url-friendly-colour($stroke-color)}%22%20stroke-width%3D%222%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2223%22/%3E%3Cpath%20d%3D%22M25.213%2015.032a.721.721%200%200%200-.426%200l-9.149%202.427a.82.82%200%200%200-.638.809c.043%206.514%203.532%2012.56%209.532%2016.604A.859.859%200%200%200%2025%2035c.17%200%20.34-.043.468-.128%206-4.045%209.49-10.09%209.532-16.604a.82.82%200%200%200-.638-.81l-9.15-2.426z%22/%3E%3C/g%3E%3C/svg%3E');
}

@function buildIconAdBlocking($stroke-color) {
@return url('data:image/svg+xml;charset=US-ASCII,<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg"><g><circle stroke="#{url-friendly-colour($stroke-color)}" stroke-width="2" fill="none" cx="25" cy="25" r="23"/><path stroke="#{url-friendly-colour($stroke-color)}" stroke-width="2" fill="none" fill-rule="nonzero" transform="translate(14,14)" d="M14.873 1.312l-7.973.07-5.588 5.686.07 7.973 5.686 5.589 7.973-.07 5.589-5.687-.07-7.973-5.687-5.588z"/><path stroke="#{url-friendly-colour($stroke-color)}" stroke-width="2" d="M31.5,18.5 L18.5,31.5"/></g></svg>');
@return url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%3E%3Ccircle%20stroke%3D%22#{url-friendly-colour($stroke-color)}%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2223%22/%3E%3Cpath%20stroke%3D%22#{url-friendly-colour($stroke-color)}%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22nonzero%22%20transform%3D%22translate%2814%2C14%29%22%20d%3D%22M14.873%201.312l-7.973.07-5.588%205.686.07%207.973%205.686%205.589%207.973-.07%205.589-5.687-.07-7.973-5.687-5.588z%22/%3E%3Cpath%20stroke%3D%22#{url-friendly-colour($stroke-color)}%22%20stroke-width%3D%222%22%20d%3D%22M31.5%2C18.5%20L18.5%2C31.5%22/%3E%3C/g%3E%3C/svg%3E');
}

@function buildIconSmartBlocking($stroke-color) {
@return url('data:image/svg+xml;charset=US-ASCII,<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg"><circle stroke="#{url-friendly-colour($stroke-color)}" stroke-width="2" fill="none" cx="25" cy="25" r="23"/><path fill="#{url-friendly-colour($stroke-color)}" d="M31.977 20.24c-.097 1.677-.697 3.156-1.654 4.514-.43.61-.867 1.217-1.285 1.84-.597.887-1.074 1.832-1.258 2.898-.03.175-.141.162-.263.162l-2.525-.001c-.832 0-1.663-.005-2.497.003-.181.002-.246-.05-.283-.238-.197-1.031-.657-1.954-1.241-2.818-.497-.733-1.015-1.454-1.514-2.187A8.257 8.257 0 0 1 18.011 20c-.112-2.82 1.486-5.279 4.185-6.42 3.458-1.462 7.547.004 9.166 3.293.521 1.062.682 2.19.615 3.365zM22.352 32.3v-.63h5.305v.63h-5.305zm4.76 2.681h-4.216c-.508 0-.602-.108-.536-.653h5.28c.075.537-.022.653-.529.653zm6.238-18.576c-1.449-3.169-3.966-4.928-7.385-5.335-2.913-.348-5.446.61-7.511 2.673-2.305 2.306-2.858 5.124-2.19 8.241.351 1.63 1.149 3.046 2.104 4.39.438.617.869 1.243 1.271 1.883.372.593.635 1.241.661 1.946.03.814.008 1.627.008 2.441h.032c0 .676-.001 1.351.002 2.027.006 1.204.952 2.22 2.15 2.3.158.01.21.056.25.214a2.322 2.322 0 0 0 4.524-.007c.034-.14.072-.194.225-.206a2.329 2.329 0 0 0 2.174-2.337c0-1.257.01-2.515-.003-3.774-.011-.941.208-1.816.706-2.61.402-.64.832-1.268 1.274-1.88 1.263-1.757 2.155-3.653 2.323-5.844.109-1.423-.018-2.816-.615-4.122z"/><path stroke="#{url-friendly-colour($stroke-color)}" stroke-width="1.5" fill="none" d="M25.096 18.214a.324.324 0 0 0-.192 0l-4.117 1.092a.37.37 0 0 0-.287.364c.02 2.932 1.59 5.652 4.29 7.472a.387.387 0 0 0 .21.058c.077 0 .153-.02.21-.058 2.7-1.82 4.27-4.54 4.29-7.472a.37.37 0 0 0-.287-.364l-4.117-1.092z"/></svg>');
@return url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20stroke%3D%22#{url-friendly-colour($stroke-color)}%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2223%22/%3E%3Cpath%20fill%3D%22#{url-friendly-colour($stroke-color)}%22%20d%3D%22M31.977%2020.24c-.097%201.677-.697%203.156-1.654%204.514-.43.61-.867%201.217-1.285%201.84-.597.887-1.074%201.832-1.258%202.898-.03.175-.141.162-.263.162l-2.525-.001c-.832%200-1.663-.005-2.497.003-.181.002-.246-.05-.283-.238-.197-1.031-.657-1.954-1.241-2.818-.497-.733-1.015-1.454-1.514-2.187A8.257%208.257%200%200%201%2018.011%2020c-.112-2.82%201.486-5.279%204.185-6.42%203.458-1.462%207.547.004%209.166%203.293.521%201.062.682%202.19.615%203.365zM22.352%2032.3v-.63h5.305v.63h-5.305zm4.76%202.681h-4.216c-.508%200-.602-.108-.536-.653h5.28c.075.537-.022.653-.529.653zm6.238-18.576c-1.449-3.169-3.966-4.928-7.385-5.335-2.913-.348-5.446.61-7.511%202.673-2.305%202.306-2.858%205.124-2.19%208.241.351%201.63%201.149%203.046%202.104%204.39.438.617.869%201.243%201.271%201.883.372.593.635%201.241.661%201.946.03.814.008%201.627.008%202.441h.032c0%20.676-.001%201.351.002%202.027.006%201.204.952%202.22%202.15%202.3.158.01.21.056.25.214a2.322%202.322%200%200%200%204.524-.007c.034-.14.072-.194.225-.206a2.329%202.329%200%200%200%202.174-2.337c0-1.257.01-2.515-.003-3.774-.011-.941.208-1.816.706-2.61.402-.64.832-1.268%201.274-1.88%201.263-1.757%202.155-3.653%202.323-5.844.109-1.423-.018-2.816-.615-4.122z%22/%3E%3Cpath%20stroke%3D%22#{url-friendly-colour($stroke-color)}%22%20stroke-width%3D%221.5%22%20fill%3D%22none%22%20d%3D%22M25.096%2018.214a.324.324%200%200%200-.192%200l-4.117%201.092a.37.37%200%200%200-.287.364c.02%202.932%201.59%205.652%204.29%207.472a.387.387%200%200%200%20.21.058c.077%200%20.153-.02.21-.058%202.7-1.82%204.27-4.54%204.29-7.472a.37.37%200%200%200-.287-.364l-4.117-1.092z%22/%3E%3C/svg%3E');
}

@function buildIconDash($stroke-color) {
@return url('data:image/svg+xml;charset=US-ASCII,<svg width="10" height="10" xmlns="http://www.w3.org/2000/svg"><path stroke="#{url-friendly-colour($stroke-color)}" stroke-width="3" d="M1 5h8"/></svg>');
@return url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20stroke%3D%22#{url-friendly-colour($stroke-color)}%22%20stroke-width%3D%223%22%20d%3D%22M1%205h8%22/%3E%3C/svg%3E');
}

.sub-component.cliqz-features {
4 app/scss/partials/_ghostery_features.scss
View file
Open in desktop
@@ -12,11 +12,11 @@
*/

@function buildIconTrust($stroke-color) {
@return url('data:image/svg+xml;charset=US-ASCII,<svg width="14" height="14" xmlns="http%3A//www.w3.org/2000/svg"><circle cx="7" cy="7" r="6" stroke-width="2" stroke="#{url-friendly-colour($stroke-color)}" fill="none"/></svg>');
@return url('data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22>%3Ccircle%20cx%3D%227%22%20cy%3D%227%22%20r%3D%226%22%20stroke-width%3D%222%22%20stroke%3D%22#{url-friendly-colour($stroke-color)}%22%20fill%3D%22none%22/%3E%3C/svg%3E');
}

@function buildIconRestrict($stroke-color) {
@return url('data:image/svg+xml;charset=US-ASCII,<svg width="14" height="14" xmlns="http%3A//www.w3.org/2000/svg"><g stroke="#{url-friendly-colour($stroke-color)}" fill="none" stroke-width="2"><circle cx="7" cy="7" r="6"/><path d="M3 3l8 8"/></g></svg>');
@return url('data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20stroke%3D%22#{url-friendly-colour($stroke-color)}%22%20fill%3D%22none%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%227%22%20r%3D%226%22/%3E%3Cpath%20d%3D%22M3%203l8%208%22/%3E%3C/g%3E%3C/svg%3E');
}

.sub-component.ghostery-features {
8 app/scss/partials/_pause_button.scss
View file
Open in desktop
@@ -12,19 +12,19 @@
*/

@function buildIconPause($stroke-color) {
@return url('data:image/svg+xml;charset=US-ASCII,<svg width="14" height="16" xmlns="http%3A//www.w3.org/2000/svg"><path d="M1 15h3V1H1v14zM9 1v14h3V1H9z" fill="#{url-friendly-colour($stroke-color)}"/></svg>');
@return url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width=%2214%22%20height=%2216%22%20xmlns=%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M1%2015h3V1H1v14zM9%201v14h3V1H9z%22%20fill=%22#{url-friendly-colour($stroke-color)}%22/%3E%3C/svg%3E');
}

@function buildIconPlay($stroke-color) {
@return url('data:image/svg+xml;charset=US-ASCII,<svg width="14" height="16" xmlns="http%3A//www.w3.org/2000/svg"><path d="M12.74 7.543a.532.532 0 0 1 0 .915L1.782 14.92c-.322.222-.783-.045-.783-.458V1.54c0-.378.44-.693.783-.458l10.956 6.462zM2.043 13.547L11.435 8 2.044 2.454v11.093z" fill="#{url-friendly-colour($stroke-color)}"/></svg>');
@return url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width=%2214%22%20height=%2216%22%20xmlns=%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M12.74%207.543a.532.532%200%200%201%200%20.915L1.782%2014.92c-.322.222-.783-.045-.783-.458V1.54c0-.378.44-.693.783-.458l10.956%206.462zM2.043%2013.547L11.435%208%202.044%202.454v11.093z%22%20fill=%22#{url-friendly-colour($stroke-color)}%22/%3E%3C/svg%3E');
}

@function buildIconCaretDown($stroke-color) {
@return url('data:image/svg+xml;charset=US-ASCII,<svg width="9" height="5" xmlns="http%3A//www.w3.org/2000/svg"><path d="M0 0h9L4.5 5 0 0" fill="#{url-friendly-colour($stroke-color)}"/></svg>');
@return url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width=%229%22%20height=%225%22%20xmlns=%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M0%200h9L4.5%205%200%200%22%20fill=%22#{url-friendly-colour($stroke-color)}%22/%3E%3C/svg%3E');
}

@function buildIconCircle($stroke-color) {
@return url('data:image/svg+xml;charset=US-ASCII,<svg width="4" height="4" xmlns="http%3A//www.w3.org/2000/svg"><circle cx="2" cy="2" r="2" fill="#{url-friendly-colour($stroke-color)}"/></svg>');
@return url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width=%224%22%20height=%224%22%20xmlns=%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx=%222%22%20cy=%222%22%20r=%222%22%20fill=%22#{url-friendly-colour($stroke-color)}%22/%3E%3C/svg%3E');
}

.sub-component.pause-button {
ProTip! Use n and p to navigate between commits in a pull request.