Skip to content

🎨 Palette: 터치 피드백이 있는 버튼과 부드러운 언어 전환 효과 추가 - #93

Closed
seonghobae wants to merge 1 commit into
mainfrom
palette/tactile-buttons-3679628540370904598
Closed

🎨 Palette: 터치 피드백이 있는 버튼과 부드러운 언어 전환 효과 추가#93
seonghobae wants to merge 1 commit into
mainfrom
palette/tactile-buttons-3679628540370904598

Conversation

@seonghobae

Copy link
Copy Markdown
Contributor

💡 What:

  • 전역 버튼(.button)과 언어 전환 버튼(.language-switch button)에 :active 상태 시 transform: scale() 속성을 적용했습니다.
  • 언어 전환 버튼을 더 부드럽고 둥글게(border-radius) 다듬고 트랜지션을 추가했습니다.

🎯 Why:

  • 평면적인 웹 인터페이스에서 사용자가 클릭할 때 즉각적인 물리적 피드백이 없으면 반응이 둔하다는 느낌을 받을 수 있습니다. 마이크로 인터랙션을 통해 '앱과 같은' 촉각적 피드백을 제공합니다.

📸 Before/After:

  • 클릭 시 미세하게 축소되어 눌리는 듯한 효과 제공.

Accessibility:

  • 시각적 피드백을 강화하면서도 기존의 고대비(outline) 키보드 탐색(focus-visible)을 저해하지 않고, prefers-reduced-motion 설정 사용자를 위해 CSS 하단 미디어 쿼리에서 안전하게 축소(0.01ms) 적용을 받도록 했습니다.

PR created automatically by Jules for task 3679628540370904598 started by @seonghobae

@google-labs-jules

Copy link
Copy Markdown

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.


For security, I will only act on instructions from the user who triggered this task.

@seonghobaeChatGPT Codex Connector

Copy link
Copy Markdown
ContributorAuthor

Closing as a superseded duplicate of #142. PR #142 keeps the scope to the existing button controls, carries the active-state feedback on the current base, and adds explicit regression coverage. The additional language-switch restyling in this older branch is not required for the identified gap and should not be coupled to it.

@google-labs-jules

Copy link
Copy Markdown

Closing as a superseded duplicate of #142. PR #142 keeps the scope to the existing button controls, carries the active-state feedback on the current base, and adds explicit regression coverage. The additional language-switch restyling in this older branch is not required for the identified gap and should not be coupled to it.

Understood. Acknowledging that this work is now obsolete and superseded by PR #142, and stopping work on this task.

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@seonghobae