From 88f014eb51e393f6eecbcebd438636b7ec3d3a76 Mon Sep 17 00:00:00 2001 From: edbrz9 Date: Sun, 1 Jan 2023 21:55:32 +0100 Subject: [PATCH] make copeme popup on center of element --- assets/css/copyme.css | 25 +++++++++++++------------ 1 file changed, 13 insertions(+), 12 deletions(-) diff --git a/assets/css/copyme.css b/assets/css/copyme.css index 0815780..3e6840f 100644 --- a/assets/css/copyme.css +++ b/assets/css/copyme.css @@ -1,22 +1,23 @@ section.copyme-containter { - position: relative; - cursor: pointer; + position: relative; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; } span.copypopup { - position: absolute; - background-color: var(--success); - color: white; - font-size: 1.5rem; - padding: 10px; - right: -20px; - top: -5px; - transform: rotate(12deg); - opacity: 0; + position: absolute; + background-color: var(--success); + color: white; + font-size: 1.5rem; + padding: 10px; + transform: rotate(12deg); + opacity: 0; } section.copyme-containter span.success { - animation: fade-in 2s forwards; +animation: fade-in 2s forwards; } @keyframes fade-in {