Skip to content

Commit

Permalink
docs: Refine todo list styles
Browse files Browse the repository at this point in the history
  • Loading branch information
ntucker committed Sep 16, 2024
1 parent 47ad173 commit 26e0e32
Show file tree
Hide file tree
Showing 5 changed files with 9 additions and 5 deletions.
6 changes: 3 additions & 3 deletions docs/core/api/useDebounce.md
Original file line number Diff line number Diff line change
Expand Up @@ -76,16 +76,16 @@ function IssueList({ query, owner, repo }) {
const q = `${query} repo:${owner}/${repo}`;
const response = useSuspense(issueQuery, { q });
return (
<div>
<small>{response.total_count} results</small>
<>
<small style={{display:'block'}}>{response.total_count} results</small>
{response.items.slice(0, 5).map(issue => (
<div key={issue.pk()}>
<a href={issue.html_url} target="_blank">
{issue.title}
</a>
</div>
))}
</div>
</>
);
}
export default React.memo(IssueList) as typeof IssueList;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ export function CancelButton({ onClick }: { onClick?: () => void }) {
textAlign: 'right',
}}
>
<span
<div
style={{ cursor: onClick ? 'pointer' : 'default' }}
onClick={onClick}
>
Expand All @@ -24,7 +24,7 @@ export function CancelButton({ onClick }: { onClick?: () => void }) {
&nbsp;
</div>
}
</span>
</div>
</div>
);
}
Original file line number Diff line number Diff line change
Expand Up @@ -110,6 +110,7 @@ html[data-theme='dark'] .small.rt-TextFieldRoot:focus-within {
transition: all 0.2s ease-in-out; /* Quick animation for transitions */
border-radius: 0;
margin-bottom:0;
margin-top:-4px;
}
html[data-theme='dark'] .small.rt-TextFieldRoot {
background: none;
Expand Down
2 changes: 2 additions & 0 deletions website/src/components/Playground/styles.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -295,6 +295,8 @@ div > .playgroundHeader.subtabs {
}
.playgroundPreview :global(.listItem) > label {
flex: 1 1 100%;
line-height: 1.1;
margin-bottom: 4px;
}
.playgroundPreview :global(.listItem) > label input[type="text"] {
width: calc(100% - 21px);
Expand Down
1 change: 1 addition & 0 deletions website/src/css/customTheme.css
Original file line number Diff line number Diff line change
Expand Up @@ -113,6 +113,7 @@ html[data-theme='dark'] .docusaurus-highlight-code-line {
small {
/* google doesn't like anything smaller than 12 */
font-size: 12px;
line-height: 1;
}

@media only screen and (max-width: 996px), (pointer: coarse) {
Expand Down

0 comments on commit 26e0e32

Please sign in to comment.