Commit 827ddef

committed

add hover effect to code language selector

1 parent c8f3eaf commit 827ddefCopy full SHA for 827ddef

File tree

-0

lines changed

-0

lines changed

Lines changed: 8 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -316,6 +316,14 @@ function createLanguageButtons(problem: any) {`
`316`	`316`	`langButton.style.backgroundColor = isDark ? '#373737' : '#f3f4f5';`
`317`	`317`	`langButton.style.color = isDark ? '#fff' : '#1a1a1a';`
`318`	`318`	langButton.style.border = `1px solid ${isDark ? 'rgba(255, 255, 255, 0.1)' : 'rgba(0, 0, 0, 0.1)'}`;
	`319`	`+`
	`320`	`+ // on hover just make the background a few shades darker or lighter`
	`321`	`+ langButton.addEventListener('mouseenter', () => {`
	`322`	`+ langButton.style.backgroundColor = isDark ? '#424242' : '#e6e6e6';`
	`323`	`+ });`
	`324`	`+ langButton.addEventListener('mouseleave', () => {`
	`325`	`+ langButton.style.backgroundColor = isDark ? '#373737' : '#f3f4f5';`
	`326`	`+ });`
`319`	`327`	`});`
`320`	`328`
`321`	`329`	`const langIcon = document.createElement('img');`

Comments

(0)