Skip to content

Commit

Permalink
better hints
Browse files Browse the repository at this point in the history
  • Loading branch information
seigler committed Apr 7, 2024
1 parent 72cf355 commit df6c850
Showing 1 changed file with 9 additions and 6 deletions.
15 changes: 9 additions & 6 deletions src/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -153,7 +153,7 @@ h1 {
.dualtext-help > span {
position: relative;
min-width: 0;
transition: all 0.25s ease-in;
transition: opacity 0.25s ease-in;
}
.dualtext-help > span::before {
content: attr(data-character);
Expand All @@ -164,10 +164,12 @@ h1 {
content: attr(data-character);
pointer-events: none;
position: absolute;
left: 0;
right: 0;
top: 70%;
left: 50%;
transform: translateX(-50%);
margin: auto;
padding: 0.1em 0.25em;
min-width: 100%;
font-family: var(--font-standard);
font-size: clamp(0.75rem, 0.25em, 1rem);
font-weight: 400;
Expand Down Expand Up @@ -201,7 +203,7 @@ main {
display: flex;
flex-direction: column;
overflow: scroll;
padding-block: 1em;
padding: 1em;
}

.readingbox .dualtext-help {
Expand All @@ -214,8 +216,7 @@ main {
.readingbox .dualtext-help > span::after {
top: auto;
bottom: 70%;
padding: 0 0.2em 0.5em;
margin: 0 -0.2em 0;
padding-bottom: 0.5em;
font-size: 1em;
background-image: linear-gradient(
to top,
Expand All @@ -226,7 +227,9 @@ main {
border-width: 0;
border-radius: 0.5em 0.5em 0 0;
line-height: 1;
text-align: center;
}
.readingbox .dualtext-help > span:hover {
opacity: 1;
outline: 1px solid var(--color-accent2);
}

0 comments on commit df6c850

Please sign in to comment.