nybble
/
paco_sako
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
css/chess.css
View File

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

4
index.html
View File

@ -243,8 +243,8 @@
</div> </div>
<div class="badges"> <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 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="Gogs Repo"></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>
<div id="cb_hidden" style="display: none"> <div id="cb_hidden" style="display: none">