fix(frontend): ノート投稿ボタンにホバー時のスタイルが適用されていない (misskey-dev#305)

taiyme · web-flow · commit 711ab846a967 · 2024-11-05T09:50:27.000+09:00
diff --git a/packages/frontend/src/components/MkPostForm.vue b/packages/frontend/src/components/MkPostForm.vue
@@ -1131,7 +1131,7 @@ defineExpose({
 	&:focus-visible {
 		outline: none;
 
-		.submitInner {
+		> .submitInner {
 			outline: 2px solid var(--MI_THEME-fgOnAccent);
 			outline-offset: -4px;
 		}
@@ -1146,13 +1146,13 @@ defineExpose({
 	}
 
 	&:not(:disabled):hover {
-		> .inner {
+		> .submitInner {
 			background: linear-gradient(90deg, hsl(from var(--MI_THEME-accent) h s calc(l + 5)), hsl(from var(--MI_THEME-accent) h s calc(l + 5)));
 		}
 	}
 
 	&:not(:disabled):active {
-		> .inner {
+		> .submitInner {
 			background: linear-gradient(90deg, hsl(from var(--MI_THEME-accent) h s calc(l + 5)), hsl(from var(--MI_THEME-accent) h s calc(l + 5)));
 		}
 	}

Original file line number	Diff line number	Diff line change
`@@ -1131,7 +1131,7 @@ defineExpose({`
`1131`	`1131`	`&:focus-visible {`
`1132`	`1132`	`outline: none;`
`1133`	`1133`
`1134`		`- .submitInner {`
	`1134`	`+ > .submitInner {`
`1135`	`1135`	`outline: 2px solid var(--MI_THEME-fgOnAccent);`
`1136`	`1136`	`outline-offset: -4px;`
`1137`	`1137`	`}`
`@@ -1146,13 +1146,13 @@ defineExpose({`
`1146`	`1146`	`}`
`1147`	`1147`
`1148`	`1148`	`&:not(:disabled):hover {`
`1149`		`- > .inner {`
	`1149`	`+ > .submitInner {`
`1150`	`1150`	`background: linear-gradient(90deg, hsl(from var(--MI_THEME-accent) h s calc(l + 5)), hsl(from var(--MI_THEME-accent) h s calc(l + 5)));`
`1151`	`1151`	`}`
`1152`	`1152`	`}`
`1153`	`1153`
`1154`	`1154`	`&:not(:disabled):active {`
`1155`		`- > .inner {`
	`1155`	`+ > .submitInner {`
`1156`	`1156`	`background: linear-gradient(90deg, hsl(from var(--MI_THEME-accent) h s calc(l + 5)), hsl(from var(--MI_THEME-accent) h s calc(l + 5)));`
`1157`	`1157`	`}`
`1158`	`1158`	`}`