diff --git a/package.json b/package.json index 504a8e9..73eeeb1 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "pert-with-wings", "private": true, - "version": "1.4", + "version": "1.4.3", "type": "module", "scripts": { "dev": "vite", diff --git a/src/components/PertModal/PertModal.module.css b/src/components/PertModal/PertModal.module.css index b6ed909..261bbe9 100644 --- a/src/components/PertModal/PertModal.module.css +++ b/src/components/PertModal/PertModal.module.css @@ -230,3 +230,21 @@ filter: grayscale(1); opacity: 0.5; } + +.openPertModalButton.IDAHOBIT { + --width: 100px; + --angle:120deg; + background: repeating-linear-gradient(var(--angle), rgb(255, 140, 0), rgb(255, 171, 0), rgb(45, 181, 125), rgb(0, 184, 217), rgb(135, 119, 217), rgb(255, 86, 35), rgb(255, 140, 0) var(--width)); + background-size: calc(var(--width)/sin(var(--angle))) 100%; +} + +.openPertModalButton.IDAHOBIT:hover { + animation: IDAHOBITanimation 2s linear infinite; + background-position: unset; +} + +@keyframes IDAHOBITanimation { + 0% { + background-position: calc(var(--width)/sin(var(--angle))) 0; + } +} diff --git a/src/components/PertModal/PertModal.tsx b/src/components/PertModal/PertModal.tsx index 9906747..601b471 100644 --- a/src/components/PertModal/PertModal.tsx +++ b/src/components/PertModal/PertModal.tsx @@ -1,3 +1,4 @@ +import classnames from 'classnames'; import { CSSProperties, FC, @@ -27,6 +28,7 @@ import { PertContext } from '@/context/pertContext'; import { IS_JIRA, VALIDATE_HOUR_MINUTES, + getIsIDAHOBIT, getRandomTranslation, getTicketNo, handleMouseOver, @@ -164,7 +166,9 @@ const PertModal: FC = () => { <>