Skip to content

Commit

Permalink
Fix: allow module breadcrumbs to wrap on mobile (#518)
Browse files Browse the repository at this point in the history
Closes #473

Also includes some CSS auto-formatting, and the removal of a wayward
server-side `console.log` that somehow made it to prod.
  • Loading branch information
josh-collinsworth authored May 15, 2024
1 parent 494ad34 commit bdc8ed5
Show file tree
Hide file tree
Showing 2 changed files with 15 additions and 6 deletions.
1 change: 0 additions & 1 deletion frontend/routes/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -275,7 +275,6 @@ export const handler: Handlers<Data, State> = {
const jsrPosts = await fetch("https://deno.com/blog/json?tag=JSR");
if (jsrPosts.ok) {
posts = await jsrPosts.json() as Post[];
console.log(posts);
}
} catch (e) {
// ignore
Expand Down
20 changes: 15 additions & 5 deletions frontend/static/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -127,7 +127,6 @@
@apply active:shadow-accent-sm-close active:translate-x-[3px] active:translate-y-[4px];
}


.chip {
@apply inline-block py-1 px-2.5 rounded-full whitespace-nowrap
leading-none font-semibold text-sm;
Expand All @@ -153,14 +152,20 @@

.input-container {
@apply bg-white rounded-md leading-snug
border-1.5 border-jsr-cyan-900/30 focus-within:border-jsr-cyan-500
border-1.5 border-jsr-cyan-900/30 focus-within:border-jsr-cyan-500;
}

select:not([data-locked="true"]):disabled.input-container, input:not([data-locked="true"]):disabled.input-container, .input-container input:not([data-locked="true"]):disabled, .input-container select:not([data-locked="true"]):disabled {
select:not([data-locked="true"]):disabled.input-container,
input:not([data-locked="true"]):disabled.input-container,
.input-container input:not([data-locked="true"]):disabled,
.input-container select:not([data-locked="true"]):disabled {
@apply border-gray-300 text-jsr-gray-300 cursor-not-allowed bg-jsr-gray-100;
}

select[data-locked="true"].input-container, input[data-locked="true"].input-container, .input-container input[data-locked="true"], .input-container select[data-locked="true"] {
select[data-locked="true"].input-container,
input[data-locked="true"].input-container,
.input-container input[data-locked="true"],
.input-container select[data-locked="true"] {
@apply text-jsr-gray-500 cursor-not-allowed bg-gray-50;
}

Expand Down Expand Up @@ -300,6 +305,10 @@ body .ddoc .contextLink {
color: theme("colors.jsr-cyan.700");
}

body .ddoc .breadcrumbs {
@apply flex-wrap;
}

body .ddoc .breadcrumbs li:first-child .contextLink {
@apply text-2xl;
}
Expand Down Expand Up @@ -391,7 +400,8 @@ body .ddoc .markdown th {
}

body .ddoc .toc {
.topSymbols, .documentNavigation {
.topSymbols,
.documentNavigation {
@apply max-lg:hidden;
}
}
Expand Down

0 comments on commit bdc8ed5

Please sign in to comment.