Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/trueberryless/jira-timer-extension. Have a timer for dailys which restarts whenever you switch quic
Something went wrong. Try again.
jira-timer-extension timer.css
1.4 kB · 82 lines
CSS
at main
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283#jira-timer-container { position: fixed; bottom: 2rem; left: 2rem; width: 30rem; height: 30rem; z-index: 9999; display: none; align-items: center; justify-content: center; background: #222; border-radius: 1rem; box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); pointer-events: none;}
.timer-ring { position: relative; width: 100%; height: 100%;}
.timer-ring svg { transform: rotate(-90deg); width: 100%; height: 100%;}
#jira-timer-display { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 4rem; font-weight: bold; color: white; font-family: sans-serif;}
circle.timer-path { stroke: lightskyblue; transition: stroke 0.5s;}
#jira-timer-container.over-time circle.timer-path { stroke: red;}
/* Minimize button */#jira-timer-minimize { display: flex; align-items: center; justify-content: center; position: absolute; top: 0.5rem; right: 0.5rem; background: #5cafff; color: white; border: none; border-radius: 0.5rem; cursor: pointer; font-weight: bold; font-size: 1rem; pointer-events: auto;}
/* Restore button */#jira-timer-restore { position: fixed; bottom: 2rem; left: 2rem; background: #5cafff; color: white; border: none; border-radius: 0.5rem; padding: 0.5rem 1rem; font-size: 1rem; cursor: pointer; z-index: 9999; display: block; pointer-events: auto;}