Uploaded image for project: 'Moodle Community Sites'
  1. Moodle Community Sites
  2. MDLSITE-7470

When using jump navigation, prevent static header from hiding the anchor headings

XMLWordPrintable

    • Icon: Improvement Improvement
    • Resolution: Unresolved
    • Icon: Medium Medium
    • docs.moodle.org
    • None
    • Hide
      Adding this to the site's CSS file corrects this issue.

      :target::before {
          content: "";
          display: block;
          height: 40px;
      }
      Show
      Adding this to the site's CSS file corrects this issue. :target::before {     content: "";     display: block;     height: 40px; }

      When in the Moodle docs, each pages has a block jump links that bring you further down the page. The problem is, it's unclear if the jump to the anchor worked because the Heading is hidden behind the static header. This can be easily fixed by adding height to the anchor on click:

      :target::before

      { content: ""; display: block; height: 40px; }

        1. Hidden Header.png
          Hidden Header.png
          37 kB
        2. Moodle Doc Jump Link.png
          Moodle Doc Jump Link.png
          45 kB
        3. Visible Header.png
          Visible Header.png
          64 kB

            Unassigned Unassigned
            jprovasnik John Provasnik
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:

                Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.