diff --git a/CHANGELOG.md b/CHANGELOG.md index c5f74494c3715595516c35374a9494bb01be9302..cc8df6898552d83cd3e43a062e57a9dac6f58b7f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,7 @@ _30th November 2020_ ### Fixed - Add emoji reactions is no longer missing from Cards view. +- Long URLS now wrap when viewing on smaller screen sizes, to accommodate increased link text. # 0.1.36 diff --git a/app/src/components/CardsLayer.vue b/app/src/components/CardsLayer.vue index 2d743bb022bb8f1ca4f2fe635bccfec2c55b2f5a..b1d9fb42e215b0222df57b2efd61fda6f4086b23 100644 --- a/app/src/components/CardsLayer.vue +++ b/app/src/components/CardsLayer.vue @@ -198,6 +198,8 @@ textarea { @media only screen and (max-width: 600px) { .readmode >>> a { font-size: 2em; + word-break: break-all; + padding-right: 0.5em; } } </style> diff --git a/app/src/components/ListLayer.vue b/app/src/components/ListLayer.vue index 1c4a259e06704333faa09d3ad8945abc2772d705..80287dc605a0fc1f04431eadc4a0c626ac7552b2 100644 --- a/app/src/components/ListLayer.vue +++ b/app/src/components/ListLayer.vue @@ -190,6 +190,8 @@ textarea { @media only screen and (max-width: 600px) { .readmode >>> a { font-size: 2em; + word-break: break-all; + padding-right: 0.5em; } } </style> diff --git a/app/src/components/OtherCardslayer.vue b/app/src/components/OtherCardslayer.vue index a7940ce2c82c650115c6676e26313da891215349..f84d7c9025e87121a7a336992567729946c34648 100644 --- a/app/src/components/OtherCardslayer.vue +++ b/app/src/components/OtherCardslayer.vue @@ -247,4 +247,12 @@ input { background: #ececec; cursor: pointer; } + +@media only screen and (max-width: 600px) { + .readmode >>> a { + font-size: 2em; + word-break: break-all; + padding-right: 0.5em; + } +} </style>