Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

feat(docs): wrap div that follow docs direction around the code elements #1051

Merged
merged 8 commits into from
Jan 18, 2023
Merged

feat(docs): wrap div that follow docs direction around the code elements #1051

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
f953408
WIP: attempt to wrap the border around the elements
Jan 5, 2023
23b0e04
Merge branch 'next' into feat/wrap-border-around-code-elements
Jan 12, 2023
19b622b
Revert "WIP: attempt to wrap the border around the elements"
Jan 12, 2023
f536621
WIP: wrapping the code around div elemeent
Jan 12, 2023
3819639
wrap the code elements with div element
Jan 12, 2023
bb5642f
revert the deletion the tailwind selector
Jan 12, 2023
4d2fe6a
Update www/src/styles/global.css
juliusmarminge Jan 12, 2023
51b5500
Merge branch 'next' into feat/wrap-border-around-code-elements
juliusmarminge Jan 18, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 14 additions & 0 deletions www/src/components/docs/pageContent.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -219,3 +219,17 @@ const isRtl = getIsRtlFromLangCode((lang || "en") as KnownLanguageCode);
}
});
</script>
<script>
const main = () => {
const notACodeBlock = ":not(pre) code";
const codeElements = document.querySelectorAll(notACodeBlock);

codeElements.forEach((codeElement) => {
const codeWrapper = document.createElement("div");
codeElement.parentNode?.insertBefore(codeWrapper, codeElement);

codeWrapper.appendChild(codeElement);
});
};
main();
</script>
4 changes: 2 additions & 2 deletions www/src/styles/global.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -188,8 +188,8 @@
@apply break-words [direction:ltr] [unicode-bidi:embed] lg:break-normal;
}

.markdown code:not(.markdown pre code) {
@apply rounded border border-t3-purple-200 bg-t3-purple-200/40 px-0.5 py-[0.5px] dark:border-t3-purple-400/30 dark:bg-t3-purple-400/20;
.markdown div:has( > code) {
@apply inline rounded border border-t3-purple-200 bg-t3-purple-200/40 px-0.5 py-[0.5px] dark:border-t3-purple-400/30 dark:bg-t3-purple-400/20;
}

.markdown .remark-code-title {
Expand Down