limepotato/jormungandr-bite
1
0
Fork 0
mirror of https://iceshrimp.dev/limepotato/jormungandr-bite.git synced 2024-11-25 11:27:31 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: truncate long URL's

Browse source
This commit is contained in:
freeplay 2023-07-04 21:37:50 -04:00
parent f540438740
commit 3927086608
1 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
packages/client/src/components/global/MkUrl.vue
View file

@ -2,8 +2,9 @@
<component <component
:is="self ? 'MkA' : 'a'" :is="self ? 'MkA' : 'a'"
ref="el" ref="el"
class="ieqqeuvs _link" class="ieqqeuvs url _link"
:[attr]="self ? props.url.substring(local.length) : props.url" :[attr]="self ? props.url.substring(local.length) : props.url"
:title="self ? props.url.substring(local.length) : props.url"
:rel="rel" :rel="rel"
:target="target" :target="target"
@contextmenu.stop="() => {}" @contextmenu.stop="() => {}"
@ -73,8 +74,14 @@ const target = self ? null : "_blank";
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.ieqqeuvs { .url {
word-break: break-all; word-break: break-all;
word-break: break-all;
white-space: nowrap;
max-width: 80%;
display: inline-block;
overflow: clip;
text-overflow: ellipsis;
> .icon { > .icon {
padding-left: 2px; padding-left: 2px;