light7734/dazzle
1
1
Fork 0
Code Issues 17 Pull requests Projects 1 Releases Packages Wiki Activity Actions

refactor: minor adjustments to Tip component

Browse source
This commit is contained in:
light7734 2025-08-03 11:41:10 +03:30
parent 924ae2d359
commit e72cc8914f
Signed by: light7734
GPG key ID: 8C30176798F1A6BA
1 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/routes/articles/Tip.svelte
View file

@ -11,11 +11,11 @@
.tooltip { .tooltip {
position: relative; position: relative;
display: inline-block; display: inline-block;
font-weight: 600; font-weight: 600;
font-style: italic; font-style: italic;
color: #fabd2f; color: #fabd2f;
border-bottom: 1px dotted #fe8019; border-bottom: 1px dotted #fe8019;
} }
/* Tooltip text */ /* Tooltip text */
@ -25,14 +25,14 @@
max-width: 60ch; max-width: 60ch;
min-width: 60ch; min-width: 60ch;
margin-left: -30ch; /* Use half of the width (120/2 = 60), to center the tooltip */ margin-left: -30ch; /* Use half of the width (120/2 = 60), to center the tooltip */
margin-top: .5em; margin-top: 0.5em;
background-color: #282828ea; background-color: #282828f5;
text-wrap-mode: wrap; text-wrap-mode: wrap;
text-align: justify; text-align: justify;
padding: 1em; padding: 1em;
border-radius: 6px; border-radius: 6px;
border: 1px solid #fe8019; border: 1px solid #fe8019;
top: 100%; top: 100%;
left: 50%; left: 50%;
@ -47,7 +47,7 @@
visibility: visible; visibility: visible;
} }
.tooltip:hover { .tooltip:hover {
color: #fe8019; color: #fe8019;
} }
</style> </style>