diff --git a/src/diagrams/example-table.svelte b/src/diagrams/example-table.svelte index c6de69d..cb4c4ee 100644 --- a/src/diagrams/example-table.svelte +++ b/src/diagrams/example-table.svelte @@ -128,11 +128,18 @@ color: var(--orange); } */ + .break { display: none; } + .hide-column { display: auto; } + @media(max-width: 1000px) { td, tr { font-size: 0.85em !important; line-height: 1.35em; } + + .break { display: inline-block; } + .hide-column { display: none; } + } @@ -142,8 +149,8 @@ {lastSortKey = sortKey; sortKey = "title"; sort()}}>Title {sortKey === "title" ? sortIcon : ""} - {lastSortKey = sortKey; sortKey = "journal"; sort()}}>Publication (or author) {sortKey === "journal" ? sortIcon : ""} - {lastSortKey = sortKey; sortKey = "tags"; sort()}}>Tags {sortKey === "tags" ? sortIcon : ""} + {lastSortKey = sortKey; sortKey = "journal"; sort()}}>Publication
or Author {sortKey === "journal" ? sortIcon : ""} + {lastSortKey = sortKey; sortKey = "tags"; sort()}}>Tags {sortKey === "tags" ? sortIcon : ""} {lastSortKey = sortKey; sortKey = "year"; sort()}}>Year {sortKey === "year" ? sortIcon : ""} @@ -156,7 +163,7 @@ {example.entryTags.journal !== "Self published" ? example.entryTags.journal : example.entryTags.author} - {example.entryTags.tags} + {example.entryTags.tags} {example.entryTags.year} {/each}