Skip to content

Commit

Permalink
Fix: [Client][Panel/Twitter] 仮想キーボード表示時のスタイル崩れとクリック位置次第でハッシュタグリスト内のハッ…
Browse files Browse the repository at this point in the history
…シュタグをフォームに反映できない問題を修正
  • Loading branch information
tsukumijima committed Nov 9, 2023
1 parent 3a9d2dc commit d337b32
Showing 1 changed file with 5 additions and 3 deletions.
8 changes: 5 additions & 3 deletions client/src/components/Watch/Panel/Twitter.vue
Original file line number Diff line number Diff line change
Expand Up @@ -1072,7 +1072,7 @@ export default defineComponent({
bottom: calc(env(keyboard-inset-height, 0px) - 34px);
}
@include smartphone-vertical {
bottom: calc(env(keyboard-inset-height, 0px) - 90px) !important;
bottom: calc(env(keyboard-inset-height, 0px) - 40px) !important;
}
}
Expand Down Expand Up @@ -1437,8 +1437,8 @@ export default defineComponent({
bottom: calc(env(keyboard-inset-height, 0px) - 26px) !important;
}
@include smartphone-vertical {
bottom: calc(env(keyboard-inset-height, 0px) - 90px) !important;
max-height: calc(100% - env(keyboard-inset-height, 0px) + 82px) !important;
bottom: calc(env(keyboard-inset-height, 0px) - 44px) !important;
max-height: calc(100% - env(keyboard-inset-height, 0px) + 36px) !important;
}
}
@include smartphone-horizontal {
Expand Down Expand Up @@ -1548,6 +1548,7 @@ export default defineComponent({
.hashtag__input {
box-shadow: rgba(79, 130, 230, 60%) 0 0 0 3.5px;
cursor: text;
pointer-events: auto;
}
}
Expand All @@ -1562,6 +1563,7 @@ export default defineComponent({
transition: box-shadow 0.09s ease;
margin-right: 4px;
font-size: 12.5px;
pointer-events: none;
// iOS Safari でフォーカス時にズームされる問題への対処
@supports (-webkit-touch-callout: none) {
@include smartphone-horizontal {
Expand Down

0 comments on commit d337b32

Please sign in to comment.