adjust badge layout to avoid overlap & add tooltips

This commit is contained in:
Jesse D. McDonald 2020-03-29 20:12:32 -05:00
parent 31853ec1be
commit 864f320b41
2 changed files with 10 additions and 6 deletions

View File

@ -112,7 +112,7 @@ button:disabled .silhouette {
#cb_scrollable {
flex: 1 1000 auto;
padding-right: 8px;
padding-right: calc(8px + 3em);
overflow: auto;
}
@ -330,9 +330,9 @@ button:disabled .silhouette {
}
.badges {
position: absolute;
bottom: 8px;
right: 8px;
position: fixed;
bottom: 12px;
right: 12px;
margin: 0;
display: flex;
flex-flow: column nowrap;
@ -368,6 +368,10 @@ button:disabled .silhouette {
max-width: calc(100vw - (8px + 24px));
}
#cb_scrollable {
padding-right: 8px;
}
.badges {
position: static;
bottom: auto;

View File

@ -243,8 +243,8 @@
</div>
<div class="badges">
<div class="badge official-badge"><a href="https://pacosako.com/" target="_blank"><img src="png/pacosako-logo.png" alt="Official Site"></a></div>
<div class="badge gogs-badge"><a href="https://jessemcdonald.info/gogs/nybble/paco_sako" target="_blank"><img src="png/gogs.png" alt="Gogs Repo"></a></div>
<div class="badge official-badge"><a href="https://pacosako.com/" target="_blank"><img src="png/pacosako-logo.png" alt="Official Site" title="Official Site"></a></div>
<div class="badge gogs-badge"><a href="https://jessemcdonald.info/gogs/nybble/paco_sako" target="_blank"><img src="png/gogs.png" alt="Source Code" title="Source Code"></a></div>
</div>
<div id="cb_hidden" style="display: none">