Skip to content
This repository was archived by the owner on Mar 4, 2020. It is now read-only.

docs(CodeSnippet): fixing issue with copy icon taking up entire page#1576

Merged
layershifter merged 6 commits intomasterfrom
feat/codesnippit
Jul 3, 2019
Merged

docs(CodeSnippet): fixing issue with copy icon taking up entire page#1576
layershifter merged 6 commits intomasterfrom
feat/codesnippit

Conversation

@notandrew
Copy link
Contributor

Removing height property from copy icon SVG and replacing with style. Firefox ignored the height property and displayed the icon at full window size.

Before:
image

after:
image

@codecov
Copy link

codecov bot commented Jul 2, 2019

Codecov Report

Merging #1576 into master will not change coverage.
The diff coverage is n/a.

Impacted file tree graph

@@           Coverage Diff           @@
##           master    #1576   +/-   ##
=======================================
  Coverage   71.65%   71.65%           
=======================================
  Files         846      846           
  Lines        6893     6893           
  Branches     1960     1960           
=======================================
  Hits         4939     4939           
  Misses       1948     1948           
  Partials        6        6

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 5fd957c...0a13425. Read the comment docs.

@layershifter
Copy link
Member

Can we fix this also for IE11?

image

cursor: copyable ? 'pointer' : 'default',
display: 'grid',
gridTemplateColumns: 'auto auto',
display: 'flex',
Copy link
Member

Choose a reason for hiding this comment

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

grid is not working in IE11


const copyIcon = (
<svg height="0.7rem" viewBox="0 0 16 16">
<svg style={{ height: '.7rem', width: '0.7rem' }} viewBox="0 0 16 16">
Copy link
Member

Choose a reason for hiding this comment

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

width should be also fixed for IE11

@layershifter
Copy link
Member

Chrome

image

IE11

image

Firefox

image

@layershifter layershifter changed the title docs: fixing issue with copy icon taking up entire page docs(CodeSnippet): fixing issue with copy icon taking up entire page Jul 3, 2019
@layershifter layershifter merged commit 974a2f9 into master Jul 3, 2019
@delete-merged-branch delete-merged-branch bot deleted the feat/codesnippit branch July 3, 2019 10:48
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.

2 participants