~comcloudway/builds.sr.ht

2a9b8790503e8b2aca826646353df34351f3d245 — Tanguy Fardet 2 years ago f58bbde
Make "to-bottom" link sticky too
2 files changed, 8 insertions(+), 2 deletions(-)

M buildsrht/templates/job.html
M scss/main.scss
M buildsrht/templates/job.html => buildsrht/templates/job.html +1 -1
@@ 131,7 131,7 @@
        </tr>
      {% endfor %}
      </table>
      <a href="#bottom">go to bottom »</a><br>
      <a class="to-bottom" href="#bottom">go to bottom »</a><br>
      <a class="to-top" href="#">go to top »</a>
    </div>
    <div class="col-lg-9 col-md-12">

M scss/main.scss => scss/main.scss +7 -1
@@ 89,12 89,18 @@ a[href^="mailto:"] {
  font-family: monospace;
}

.to-top {
.to-bottom {
  position: -webkit-sticky; /* for safari */
  position: sticky;
  top: 0;
}

.to-top {
  position: -webkit-sticky; /* for safari */
  position: sticky;
  top: 1.5em;
}

@media(prefers-color-scheme: dark) {
  .cm-s-default.CodeMirror { background: #272822; color: #f8f8f2; }
  .cm-s-default div.CodeMirror-selected { background: #49483E; }