Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

MkAsUi: Ui:C:container: align: 'right' not working #11251

Closed
hibiyasleep opened this issue Jul 12, 2023 · 0 comments · Fixed by #11255
Closed

MkAsUi: Ui:C:container: align: 'right' not working #11251

hibiyasleep opened this issue Jul 12, 2023 · 0 comments · Fixed by #11255
Labels
1️⃣ Good First Issue 🐛Bug Unexpected behavior packages/frontend Client side specific issue/PR

Comments

@hibiyasleep
Copy link
Contributor

💡 Summary

Ui:C:container({
  align: 'right' // <- これ

align?: 'left' | 'center' | 'right';

align'left' | 'center' | 'right'ですが

<div v-else-if="c.type === 'container'" :class="[$style.container, { [$style.fontSerif]: c.font === 'serif', [$style.fontMonospace]: c.font === 'monospace', [$style.containerCenter]: c.align === 'center' }]" :style="{ backgroundColor: c.bgColor ?? null, color: c.fgColor ?? null, borderWidth: c.borderWidth ? `${c.borderWidth}px` : 0, borderColor: c.borderColor ?? 'var(--divider)', padding: c.padding ? `${c.padding}px` : 0, borderRadius: c.rounded ? '8px' : 0 }">

c.align === 'center'にのみ対応しています

🥰 Expected Behavior

image

🤬 Actual Behavior

image

📝 Steps to Reproduce

Ui:render([
  Ui:C:container({
    align: 'center'
    children: [ Ui:C:text({ text: 'center' }) ]
  })
  Ui:C:container({
    align: 'right'
    children: [ Ui:C:text({ text: 'right' }) ]
  })
])

📌 Environment

💻 Frontend

  • Model and OS of the device(s):
    anywhere (Windows 10, macOS 14, iOS 16, …)
  • Browser:
    anywhere (Chrome 114, Safari 16, …)
  • Server URL:
    anywhere (stella.place, k.lapy.link, …)
  • Misskey:
    13.14.0-beta.2
@hibiyasleep hibiyasleep added the ⚠️bug? This might be a bug label Jul 12, 2023
@acid-chicken acid-chicken added 🐛Bug Unexpected behavior packages/frontend Client side specific issue/PR 1️⃣ Good First Issue and removed ⚠️bug? This might be a bug labels Jul 12, 2023
hibiyasleep added a commit to hibiyasleep/misskey that referenced this issue Jul 12, 2023
slofp pushed a commit to Secineralyr/misskey.dream that referenced this issue Jul 21, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
1️⃣ Good First Issue 🐛Bug Unexpected behavior packages/frontend Client side specific issue/PR
Projects
None yet
2 participants