Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add tooltip styling

This commit is contained in:
Helen Chong 2024-07-03 17:49:27 +08:00
parent 239aa71b6c
commit e6df496eb7
1 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/assets/css/components.css
View File

@ -128,6 +128,19 @@
p + .adoptables { margin-top: 1em; } p + .adoptables { margin-top: 1em; }
/* Tooltips */
.tooltip { display: none; }
.tipcontainer { position: relative; }
.tipactivator:hover + .tooltip,
.tipactivator:focus + .tooltip {
display: inline-block;
position: absolute;
background-color: var(--clr-quote-bg);
border: 0.15em solid var(--clr-title-border);
padding: 0.25em 0.5em;
}
/* Web button lists */ /* Web button lists */
.web-btn-wrapper { .web-btn-wrapper {
display: flex; display: flex;