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 {