mirror of
https://iceshrimp.dev/limepotato/jormungandr-bite.git
synced 2024-11-13 13:37:31 -07:00
style: truncate long URL's
This commit is contained in:
parent
f540438740
commit
3927086608
1 changed files with 9 additions and 2 deletions
|
@ -2,8 +2,9 @@
|
|||
<component
|
||||
:is="self ? 'MkA' : 'a'"
|
||||
ref="el"
|
||||
class="ieqqeuvs _link"
|
||||
class="ieqqeuvs url _link"
|
||||
:[attr]="self ? props.url.substring(local.length) : props.url"
|
||||
:title="self ? props.url.substring(local.length) : props.url"
|
||||
:rel="rel"
|
||||
:target="target"
|
||||
@contextmenu.stop="() => {}"
|
||||
|
@ -73,8 +74,14 @@ const target = self ? null : "_blank";
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.ieqqeuvs {
|
||||
.url {
|
||||
word-break: break-all;
|
||||
word-break: break-all;
|
||||
white-space: nowrap;
|
||||
max-width: 80%;
|
||||
display: inline-block;
|
||||
overflow: clip;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
> .icon {
|
||||
padding-left: 2px;
|
||||
|
|
Loading…
Reference in a new issue