diff --git a/CHANGELOG.md b/CHANGELOG.md index 48ac66646..3a75be294 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -14,6 +14,7 @@ You should also include the user name that made the change. ### Improvements - クライアント: リアクションピッカーのサイズを設定できるように @syuilo +- クライアント: リアクションピッカーの幅、高さ制限を緩和 @syuilo ### Bugfixes - diff --git a/packages/client/src/components/emoji-picker.vue b/packages/client/src/components/emoji-picker.vue index 4e589b161..8601ea121 100644 --- a/packages/client/src/components/emoji-picker.vue +++ b/packages/client/src/components/emoji-picker.vue @@ -377,6 +377,16 @@ defineExpose({ --columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } + &.w4 { + width: calc((var(--eachSize) * 8) + (#{$pad} * 2)); + --columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + } + + &.w5 { + width: calc((var(--eachSize) * 9) + (#{$pad} * 2)); + --columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + } + &.h1 { height: calc((var(--eachSize) * 4) + (#{$pad} * 2)); } @@ -389,6 +399,10 @@ defineExpose({ height: calc((var(--eachSize) * 8) + (#{$pad} * 2)); } + &.h4 { + height: calc((var(--eachSize) * 10) + (#{$pad} * 2)); + } + &.asDrawer { width: 100% !important; diff --git a/packages/client/src/pages/settings/reaction.vue b/packages/client/src/pages/settings/reaction.vue index a6b1f3130..a188ba353 100644 --- a/packages/client/src/pages/settings/reaction.vue +++ b/packages/client/src/pages/settings/reaction.vue @@ -28,12 +28,15 @@ + + +