Skip to content

Commit

Permalink
Add hint to file previews not supported by the viewer
Browse files Browse the repository at this point in the history
Like done on links, " ↗" is now added to the name of file previews to
hint that the file will be opened in a different tab/window.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
  • Loading branch information
danxuliu committed Mar 9, 2020
1 parent ee5fb26 commit 8363053
Showing 1 changed file with 7 additions and 0 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,7 @@
<template>
<a :href="link"
class="container"
:class="{ 'is-viewer-available': isViewerAvailable }"
target="_blank"
rel="noopener noreferrer"
@click="showPreview">
Expand Down Expand Up @@ -183,6 +184,12 @@ export default {
force it to be on its own line below the preview. */
display: block;
}

&:not(.is-viewer-available) {
strong:after {
content: " ↗";
}
}
}

</style>

0 comments on commit 8363053

Please sign in to comment.