diff --git a/packages/client/src/components/MkSuperMenu.vue b/packages/client/src/components/MkSuperMenu.vue index 8ce2dc5dc2..fa8921bdde 100644 --- a/packages/client/src/components/MkSuperMenu.vue +++ b/packages/client/src/components/MkSuperMenu.vue @@ -89,10 +89,9 @@ export default defineComponent({ } > .text { - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; + white-space: normal; padding-right: 12px; + flex-shrink: 1; } } diff --git a/packages/client/src/components/form/link.vue b/packages/client/src/components/form/link.vue index 34b641ffb6..899394cb62 100644 --- a/packages/client/src/components/form/link.vue +++ b/packages/client/src/components/form/link.vue @@ -75,10 +75,10 @@ const props = defineProps<{ } > .text { - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; + flex-shrink: 1; + white-space: normal; padding-right: 12px; + text-align: center; } > .right { diff --git a/packages/client/src/style.scss b/packages/client/src/style.scss index 9b562d3228..0b61d46f10 100644 --- a/packages/client/src/style.scss +++ b/packages/client/src/style.scss @@ -162,6 +162,7 @@ hr { font-size: 1em; font-family: inherit; line-height: inherit; + max-width: 100%; &, * { @extend ._noSelect;