maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Design fixes for home feed comments (#19437)

Browse source 
* Design fixes for feed comments

* Nit fix

* Nit fixes

* Nit fix

* Nit fix

* Nit fix
This commit is contained in:
Rajat Talesra 2023-05-09 12:12:52 +05:30 • committed by GitHub
parent 65d9875448
commit 2554828db8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
app/assets/stylesheets/components/comments.scss
View file

@ -25,12 +25,16 @@
&__body {
padding-left: var(--su-7);
width: 100%;
width: calc(100% - var(--su-7));
background: var(--card-tertiary-bg);
&:hover {
background: var(--card-tertiary-bg-hover);
}
@media (min-width: $breakpoint-m) {
width: calc(100% - var(--su-7));
}
border-radius: var(--radius);
padding: var(--su-4);
padding-bottom: var(--su-1);
@ -45,9 +49,15 @@
.c-embed__body {
font-size: var(--fs-s);
}
div
:not(.crayons-comment__readmore)
:not(.highlight__panel-action)
:not(.highlight__panel)
:not(.highlight) {
background: var(--card-secondary-bg);
}
div:not(.crayons-comment__readmore) {
margin-bottom: var(--su-3);
background: var(--card-secondary-bg);
}
.liquid-comment .body {
:not(:first-child) {
@ -62,6 +72,12 @@
border-left: 4px solid var(--base-20);
padding-left: var(--su-2);
}
pre:not(.highlight),
div.highlight,
li pre.highlight,
blockquote pre.highlight {
padding: var(--su-2);
}
}
.crayons-comment__readmore {
color: var(--base-80);