diff --git a/client/coral-plugin-permalinks/PermalinkButton.js b/client/coral-plugin-permalinks/PermalinkButton.js index 3643c4983..1a99a5627 100644 --- a/client/coral-plugin-permalinks/PermalinkButton.js +++ b/client/coral-plugin-permalinks/PermalinkButton.js @@ -41,7 +41,7 @@ class PermalinkButton extends React.Component { setTimeout(() => { this.setState({copyFailure: null, copySuccessful: null}); - }, 3500); + }, 3000); } render () { diff --git a/client/coral-plugin-permalinks/styles.css b/client/coral-plugin-permalinks/styles.css index c5927034f..863099122 100644 --- a/client/coral-plugin-permalinks/styles.css +++ b/client/coral-plugin-permalinks/styles.css @@ -2,15 +2,36 @@ border-radius: 3px; padding: 15px 10px; box-sizing: border-box; - box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.3); - border: solid 1px #999; + /* box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.3); */ + border: solid 1px rgba(153, 153, 153, 0.33); width: auto; margin: 0 auto; left: 0; margin: 0 5px; + top: 0; + left: 0; + width: 100%; + margin: 0; + margin-top: -13px; - &:before { - box-shadow: 1px 3px 28px 48px rgba(255, 255, 255, 0.75); + &::before { + content: ''; + border: 10px solid transparent; + border-top-color: white; + position: absolute; + right: 8.69em; + bottom: -20px; + z-index: 2; + } + + &::after{ + content: ''; + border: 10px solid transparent; + border-top-color: rgba(153, 153, 153, 0.33); + position: absolute; + right: 8.69em; + bottom: -21px; + z-index: 1; } input {