Mercurial > hg
comparison mercurial/templates/static/style-paper.css @ 37492:8d05938dd063
hgweb: make followlines button absolutely positioned
It used to have position: absolute only on annotate page, but it makes sense to
have it everywhere, because the button shouldn't affect other elements at all.
Especially since the button has a set height, which meant that for certain
smaller fonts source lines were changing their height on hover.
Note that the button doesn't set any of the usual properties that accompany
absolute position (top, right, bottom or left). These properties would position
the button without any account for source line padding. Instead, margins are
used (the button already has all margins defined, they do the job).
author | Anton Shestakov <av6@dwimlabs.net> |
---|---|
date | Sun, 08 Apr 2018 20:53:07 +0800 |
parents | 5afe0ca59b07 |
children | f1413e4a54a6 |
comparison
equal
deleted
inserted
replaced
37491:685ad41feba0 | 37492:8d05938dd063 |
---|---|
348 margin-top: 4px; | 348 margin-top: 4px; |
349 font-family: sans-serif; | 349 font-family: sans-serif; |
350 } | 350 } |
351 | 351 |
352 .btn-followlines { | 352 .btn-followlines { |
353 position: absolute; | |
353 display: none; | 354 display: none; |
354 cursor: pointer; | 355 cursor: pointer; |
355 box-sizing: content-box; | 356 box-sizing: content-box; |
356 font-size: 12px; | 357 font-size: 12px; |
357 width: 13px; | 358 width: 13px; |
365 font-family: monospace; | 366 font-family: monospace; |
366 text-align: center; | 367 text-align: center; |
367 line-height: 5px; | 368 line-height: 5px; |
368 } | 369 } |
369 | 370 |
370 tr .btn-followlines { | |
371 position: absolute; | |
372 } | |
373 | |
374 span .btn-followlines { | |
375 float: left; | |
376 } | |
377 | |
378 span.followlines-select .btn-followlines { | 371 span.followlines-select .btn-followlines { |
379 margin-left: -1.5em; | 372 margin-left: -1.5em; |
380 } | 373 } |
381 | 374 |
382 .btn-followlines:hover { | 375 .btn-followlines:hover { |