diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2022-02-11 13:53:02 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2022-02-11 13:53:02 +0900 |
| commit | bf4cdd71ce5c522d650f6683ee5d3c69279ba68c (patch) | |
| tree | 156a1f47119f37df039f20678f2165ee151d9786 /packages/client/src | |
| parent | feat(client): make size of reaction picker configuable (diff) | |
| download | misskey-bf4cdd71ce5c522d650f6683ee5d3c69279ba68c.tar.gz misskey-bf4cdd71ce5c522d650f6683ee5d3c69279ba68c.tar.bz2 misskey-bf4cdd71ce5c522d650f6683ee5d3c69279ba68c.zip | |
enhance(client): リアクションピッカーの幅、高さ制限を緩和
Diffstat (limited to 'packages/client/src')
| -rw-r--r-- | packages/client/src/components/emoji-picker.vue | 14 | ||||
| -rw-r--r-- | packages/client/src/pages/settings/reaction.vue | 3 |
2 files changed, 17 insertions, 0 deletions
diff --git a/packages/client/src/components/emoji-picker.vue b/packages/client/src/components/emoji-picker.vue index 4e589b1619..8601ea121c 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 a6b1f31308..a188ba353d 100644 --- a/packages/client/src/pages/settings/reaction.vue +++ b/packages/client/src/pages/settings/reaction.vue @@ -28,12 +28,15 @@ <option :value="1">5</option> <option :value="2">6</option> <option :value="3">7</option> + <option :value="4">8</option> + <option :value="5">9</option> </FormRadios> <FormRadios v-model="reactionPickerHeight" class="_formBlock"> <template #label>{{ $ts.height }}</template> <option :value="1">{{ $ts.small }}</option> <option :value="2">{{ $ts.medium }}</option> <option :value="3">{{ $ts.large }}</option> + <option :value="4">{{ $ts.large }}+</option> </FormRadios> <FormSwitch v-model="reactionPickerUseDrawerForMobile" class="_formBlock"> |