@docusaurus/theme-classic 0.0.0-4452 → 0.0.0-4453

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -16,10 +16,20 @@ export default function BlogPostAuthors({authors, assets}) {
16
16
  return null;
17
17
  }
18
18
 
19
+ const imageOnly = authors.every(({name}) => !name);
19
20
  return (
20
- <div className="row margin-top--md margin-bottom--sm">
21
+ <div
22
+ className={clsx(
23
+ 'margin-top--md margin-bottom--sm',
24
+ imageOnly ? styles.imageOnlyAuthorRow : 'row',
25
+ )}>
21
26
  {authors.map((author, idx) => (
22
- <div className={clsx('col col--6', styles.authorCol)} key={idx}>
27
+ <div
28
+ className={clsx(
29
+ !imageOnly && 'col col--6',
30
+ imageOnly ? styles.imageOnlyAuthorCol : styles.authorCol,
31
+ )}
32
+ key={idx}>
23
33
  <BlogPostAuthor
24
34
  author={{
25
35
  ...author,
@@ -9,3 +9,14 @@
9
9
  max-width: inherit !important;
10
10
  flex-grow: 1 !important;
11
11
  }
12
+
13
+ .imageOnlyAuthorRow {
14
+ display: flex;
15
+ flex-direction: row;
16
+ flex-wrap: wrap;
17
+ }
18
+
19
+ .imageOnlyAuthorCol {
20
+ margin-left: 0.3rem;
21
+ margin-right: 0.3rem;
22
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@docusaurus/theme-classic",
3
- "version": "0.0.0-4452",
3
+ "version": "0.0.0-4453",
4
4
  "description": "Classic theme for Docusaurus",
5
5
  "main": "lib/index.js",
6
6
  "types": "src/theme-classic.d.ts",
@@ -23,14 +23,14 @@
23
23
  "update-code-translations": "node -e 'require(\"./update-code-translations.js\").run()'"
24
24
  },
25
25
  "dependencies": {
26
- "@docusaurus/core": "0.0.0-4452",
27
- "@docusaurus/plugin-content-blog": "0.0.0-4452",
28
- "@docusaurus/plugin-content-docs": "0.0.0-4452",
29
- "@docusaurus/plugin-content-pages": "0.0.0-4452",
30
- "@docusaurus/theme-common": "0.0.0-4452",
31
- "@docusaurus/theme-translations": "0.0.0-4452",
32
- "@docusaurus/utils": "0.0.0-4452",
33
- "@docusaurus/utils-validation": "0.0.0-4452",
26
+ "@docusaurus/core": "0.0.0-4453",
27
+ "@docusaurus/plugin-content-blog": "0.0.0-4453",
28
+ "@docusaurus/plugin-content-docs": "0.0.0-4453",
29
+ "@docusaurus/plugin-content-pages": "0.0.0-4453",
30
+ "@docusaurus/theme-common": "0.0.0-4453",
31
+ "@docusaurus/theme-translations": "0.0.0-4453",
32
+ "@docusaurus/utils": "0.0.0-4453",
33
+ "@docusaurus/utils-validation": "0.0.0-4453",
34
34
  "@mdx-js/mdx": "^1.6.21",
35
35
  "@mdx-js/react": "^1.6.21",
36
36
  "clsx": "^1.1.1",
@@ -45,8 +45,8 @@
45
45
  "rtlcss": "^3.3.0"
46
46
  },
47
47
  "devDependencies": {
48
- "@docusaurus/module-type-aliases": "0.0.0-4452",
49
- "@docusaurus/types": "0.0.0-4452",
48
+ "@docusaurus/module-type-aliases": "0.0.0-4453",
49
+ "@docusaurus/types": "0.0.0-4453",
50
50
  "@types/mdx-js__react": "^1.5.4",
51
51
  "@types/parse-numeric-range": "^0.0.1",
52
52
  "@types/rtlcss": "^3.1.1",
@@ -61,5 +61,5 @@
61
61
  "engines": {
62
62
  "node": ">=14"
63
63
  },
64
- "gitHead": "48cae5712e0a40d5f7e5c2669edcf2de8ae2533f"
64
+ "gitHead": "5379d3424fde605d7bde0fa2ba86b9db1ca4becc"
65
65
  }
@@ -21,10 +21,20 @@ export default function BlogPostAuthors({
21
21
  if (authorsCount === 0) {
22
22
  return null;
23
23
  }
24
+ const imageOnly = authors.every(({name}) => !name);
24
25
  return (
25
- <div className="row margin-top--md margin-bottom--sm">
26
+ <div
27
+ className={clsx(
28
+ 'margin-top--md margin-bottom--sm',
29
+ imageOnly ? styles.imageOnlyAuthorRow : 'row',
30
+ )}>
26
31
  {authors.map((author, idx) => (
27
- <div className={clsx('col col--6', styles.authorCol)} key={idx}>
32
+ <div
33
+ className={clsx(
34
+ !imageOnly && 'col col--6',
35
+ imageOnly ? styles.imageOnlyAuthorCol : styles.authorCol,
36
+ )}
37
+ key={idx}>
28
38
  <BlogPostAuthor
29
39
  author={{
30
40
  ...author,
@@ -9,3 +9,14 @@
9
9
  max-width: inherit !important;
10
10
  flex-grow: 1 !important;
11
11
  }
12
+
13
+ .imageOnlyAuthorRow {
14
+ display: flex;
15
+ flex-direction: row;
16
+ flex-wrap: wrap;
17
+ }
18
+
19
+ .imageOnlyAuthorCol {
20
+ margin-left: 0.3rem;
21
+ margin-right: 0.3rem;
22
+ }