august
/
evie
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix blog roll text reflow on hover

This commit is contained in:
august kline 2025-01-06 17:27:52 -05:00
parent 2740bd8c6f
commit 892b2082c1
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
server/src/client/assets/css/blog.css
View File

@ -8,6 +8,7 @@ h1 {
.blog-roll-entry { .blog-roll-entry {
margin-block: 1rem; margin-block: 1rem;
overflow: visible;
a { a {
border: var(--border); border: var(--border);
@ -21,10 +22,13 @@ h1 {
.entry-content { .entry-content {
padding: var(--content-padding); padding: var(--content-padding);
transition: padding-inline-start 0.3s ease, box-shadow 0.3s ease; transition: padding 0.3s ease, box-shadow 0.3s ease;
overflow: hidden;
* { * {
margin-block: 0; margin-block: 0;
overflow: hidden;
} }
} }
@ -32,6 +36,7 @@ h1 {
&:focus-visible { &:focus-visible {
.entry-content { .entry-content {
padding-inline-start: calc(var(--content-padding) * 2); padding-inline-start: calc(var(--content-padding) * 2);
padding-inline-end: 0;
box-shadow: inset 3px 0px 0px var(--color-text); box-shadow: inset 3px 0px 0px var(--color-text);
} }
} }