diff --git a/src/components/App/App.css b/src/components/App/App.css index 5d1ffde..42bedec 100644 --- a/src/components/App/App.css +++ b/src/components/App/App.css @@ -14,6 +14,13 @@ h2 { font-weight: 400; } +img { + user-select: none; + -moz-user-select: none; + -webkit-user-select: none; + -webkit-user-drag: none; +} + pre, code { font-family: "IBM Plex Mono", "Courier New", monospace; @@ -60,6 +67,8 @@ button.main-button { transition: all 0.2s ease; cursor: pointer; user-select: none; + -moz-user-select: none; + -webkit-user-select: none; margin: 0 24px 24px 0; } diff --git a/src/components/ColorInput/ColorInput.css b/src/components/ColorInput/ColorInput.css index d519989..6c570a0 100644 --- a/src/components/ColorInput/ColorInput.css +++ b/src/components/ColorInput/ColorInput.css @@ -17,6 +17,8 @@ -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); user-select: none; + -moz-user-select: none; + -webkit-user-select: none; pointer-events: none; } diff --git a/src/components/Footer/Footer.css b/src/components/Footer/Footer.css index e2d8fa2..8754ccc 100644 --- a/src/components/Footer/Footer.css +++ b/src/components/Footer/Footer.css @@ -10,10 +10,6 @@ footer { z-index: 2; } -#back-to-top-button img { - pointer-events: none; -} - .container { position: relative; width: 100%; @@ -53,6 +49,8 @@ footer .links { .illustrations-footer { display: none; user-select: none; + -moz-user-select: none; + -webkit-user-select: none; pointer-events: none; } @@ -120,7 +118,7 @@ footer .links { #command { position: absolute; - right: -48px; + right: -18px; top: 144px; } } diff --git a/src/components/IconGrid/IconGrid.css b/src/components/IconGrid/IconGrid.css index 26c51aa..6114ce6 100644 --- a/src/components/IconGrid/IconGrid.css +++ b/src/components/IconGrid/IconGrid.css @@ -22,6 +22,8 @@ margin: 4px; border-radius: 16px; user-select: none; + -moz-user-select: none; + -webkit-user-select: none; cursor: pointer; }