asandikci.com/web
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

fix: prompt content overflows horizontally (#705)

Browse source 
Resolves #705
This commit is contained in:
Cotes Chung 2022-10-07 18:34:12 +08:00
parent 5511b2883f
commit fb13e3219b
No known key found for this signature in database
GPG key ID: 0D9E54843167A808
1 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
_sass/addon/commons.scss
View file

@ -91,17 +91,17 @@ blockquote {
color: var(--blockquote-text-color); color: var(--blockquote-text-color);
&[class^="prompt-"] { &[class^="prompt-"] {
display: flex;
border-left: 0; border-left: 0;
border-radius: 6px; border-radius: 6px;
padding: 0.75rem 1.2rem; padding: 0.75rem 1.2rem 0.75rem 3rem;
color: var(--prompt-text-color); color: var(--prompt-text-color);
&::before { &::before {
margin-right: 1rem;
font-family: "Font Awesome 5 Free"; font-family: "Font Awesome 5 Free";
text-align: center; text-align: center;
width: 1.25rem; width: 1.25rem;
position: absolute;
left: 2.5rem;
} }
p:last-child { p:last-child {
@ -443,7 +443,6 @@ img[data-src] {
line-height: 1.8; line-height: 1.8;
margin-top: 2rem; margin-top: 2rem;
overflow-wrap: break-word; overflow-wrap: break-word;
word-wrap: break-word;
a { a {
&:not(.img-link) { &:not(.img-link) {
@ -1206,6 +1205,10 @@ $sidebar-display: "sidebar-display";
> blockquote[class^=prompt-] { > blockquote[class^=prompt-] {
@include ml-mr(-1.25rem); @include ml-mr(-1.25rem);
border-radius: 0; border-radius: 0;
&::before {
left: 1rem;
}
} }
} }