obsidian css to display URL tool tip at bottom of the screen

Grumpy Guanaco answered on August 7, 2022 Popularity 1/10 Helpfulness 1/10

answer obsidian css to display URL tool tip at bottom of the screen

obsidian css to display URL tool tip at bottom of the screen

Comment

/*
    show-links.css snippet

    by @narand, modified by @conbas2019, again by @Moonbase59
    see https://forum.obsidian.md/t/external-link-hover-view-url/2876/10?u=moonbase59

    2021-05-26 Matthias C. Hormann (Moonbase59)
    Made it more robust, for those who use crazy link styles. ;-)
    Added cutoff long links with an ellipsis.
    Added wrap/no-wrap option, see end of file. Best of both worlds! ;-)

    TODO:
      - With presentations, shows shifted towards the middle.
      - In Obsidian Leaflet popups, appears in the popup.

*/

a.external-link {
  position: relative;
}

a.external-link:before {
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 0 0.5em;
  color: var(--text-normal);
  background-color: var(--background-primary-alt);
  border: 1px solid var(--background-modifier-border);
  border-radius: 0 0.4em 0 0;
  font-family: var(--default-font);
  font-size: initial;
  font-style: initial;
  font-weight: initial;
  text-decoration: initial;
  display: none;
  z-index: 1000;
  content: attr(href);
}

a.external-link:hover:before {
  display: block;
  max-width: 98%;
  overflow: hidden;
  text-overflow: ellipsis;

  /* Use one of these for multi-line */
  /*word-wrap: break-word;*/
  word-wrap: break-all;

  /* Enable this for one line only */
  white-space: nowrap;
}

Popularity 1/10 Helpfulness 1/10 Language css

Source: forum.obsidian.md

Tags: css display screen url

Link to this answer
Share Copy Link

Contributed on Aug 07 2022

Grumpy Guanaco

0 Answers Avg Quality 2/10

obsidian css to display URL tool tip at bottom of the screen

Contents

More Related Answers

obsidian css to display URL tool tip at bottom of the screen

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.