sam/Foxnouns.NET
sam/Foxnouns.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

feat(frontend): replace non-working bootstrap tooltips with tippy.js

Browse source
This commit is contained in:
sam 2024-11-25 21:43:11 +01:00
parent 004111feb6
commit b6d42fb15d
Signed by: sam
GPG key ID: B4EF20DDE721CAA1
6 changed files with 51 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

9
Foxnouns.Frontend/src/app.scss
View file

@ -29,6 +29,15 @@
white-space: pre-line;
}
// Make tippy tooltips look like bootstrap's
.tippy-box {
padding: bootstrap.$spacer * 0.25 bootstrap.$spacer * 0.5;
opacity: 0.9;
color: var(--bs-body-bg);
background-color: var(--bs-emphasis-color);
border-radius: var(--bs-border-radius);
}
// Add breakpoint-dependent w-{size} utilities
// Source: https://stackoverflow.com/questions/47760132/any-way-to-get-breakpoint-specific-width-classes
@each $breakpoint in map-keys(bootstrap.$grid-breakpoints) {