UX: ensure gists occupy full row (#934)

This commit is contained in:
Kris 2024-11-20 09:33:49 -05:00 committed by GitHub
parent 1a10680818
commit b68a4ca718
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 7 additions and 3 deletions

View File

@ -25,12 +25,14 @@ export default class AiTopicGist extends Component {
{{#if this.shouldShow}} {{#if this.shouldShow}}
{{#if this.hasGist}} {{#if this.hasGist}}
<div class="excerpt"> <div class="excerpt">
<div>{{this.gist}}</div> <div class="excerpt__contents">{{this.gist}}</div>
</div> </div>
{{else}} {{else}}
{{#if this.esacpedExceprt}} {{#if this.esacpedExceprt}}
<div class="excerpt"> <div class="excerpt">
<div>{{htmlSafe this.escapedExceprt}}</div> <div class="excerpt__contents">
{{htmlSafe this.escapedExceprt}}
</div>
</div> </div>
{{/if}} {{/if}}
{{/if}} {{/if}}

View File

@ -39,8 +39,10 @@
line-height: var(--line-height-large); line-height: var(--line-height-large);
margin-top: 0.15em; margin-top: 0.15em;
margin-bottom: 0.15em; margin-bottom: 0.15em;
&__contents {
max-width: 70ch; max-width: 70ch;
} }
}
&:not(.visited) { &:not(.visited) {
.excerpt { .excerpt {
color: var(--primary-high); color: var(--primary-high);