From f1a7eabd4800f00997cbef90e1a3f67175a67fd8 Mon Sep 17 00:00:00 2001 From: illright Date: Mon, 22 May 2023 21:31:49 +0200 Subject: [PATCH 1/3] Replace the graphic on the Layers reference page --- .../current/reference/layers.mdx | 5 +- src/app/doc-item.scss | 20 ++++++++ static/img/layers/folders-graphic-dark.svg | 46 +++++++++++++++++++ static/img/layers/folders-graphic-light.svg | 43 +++++++++++++++++ 4 files changed, 112 insertions(+), 2 deletions(-) create mode 100644 static/img/layers/folders-graphic-dark.svg create mode 100644 static/img/layers/folders-graphic-light.svg diff --git a/i18n/en/docusaurus-plugin-content-docs/current/reference/layers.mdx b/i18n/en/docusaurus-plugin-content-docs/current/reference/layers.mdx index 921b9c8cff..8782c9d45f 100644 --- a/i18n/en/docusaurus-plugin-content-docs/current/reference/layers.mdx +++ b/i18n/en/docusaurus-plugin-content-docs/current/reference/layers.mdx @@ -15,9 +15,10 @@ On this page, a _module_ refers to an internal module in the application — a f Every layer carries special semantic meaning to help you determine how much responsibility you should allocate to a module in your code. The names and meanings of layers are standardized across all projects built with Feature-Sliced Design. -There are 7 layers in total, arranged from most responsibility and dependency to least: +There are **7 layers** in total, arranged from most responsibility and dependency to least: - +A file system tree, with a single root folder called src and then seven subfolders: app, processes, pages, widgets, features, entities, shared. The processes folder is slightly faded out. +A file system tree, with a single root folder called src and then seven subfolders: app, processes, pages, widgets, features, entities, shared. The processes folder is slightly faded out. 1. App 2. Processes (deprecated) diff --git a/src/app/doc-item.scss b/src/app/doc-item.scss index e7b1f6d593..3f7a9099ee 100644 --- a/src/app/doc-item.scss +++ b/src/app/doc-item.scss @@ -28,6 +28,26 @@ html { } } +:root[data-theme=dark] [src$="#light-mode-only"] { + display: none +} + +:root[data-theme=light] [src$="#dark-mode-only"] { + display: none +} + +@media(prefers-color-scheme: dark) { + :root[data-theme=auto] [src$="#light-mode-only"] { + display:none + } +} + +@media(prefers-color-scheme: light) { + :root[data-theme=auto] [src$="#dark-mode-only"] { + display:none + } +} + iframe { width: 100%; height: 700px; diff --git a/static/img/layers/folders-graphic-dark.svg b/static/img/layers/folders-graphic-dark.svg new file mode 100644 index 0000000000..7fce100303 --- /dev/null +++ b/static/img/layers/folders-graphic-dark.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/img/layers/folders-graphic-light.svg b/static/img/layers/folders-graphic-light.svg new file mode 100644 index 0000000000..27f40fc93d --- /dev/null +++ b/static/img/layers/folders-graphic-light.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + From 01fc8409f6f4a8bb56708e5414121179e935ca70 Mon Sep 17 00:00:00 2001 From: illright Date: Mon, 22 May 2023 23:18:17 +0200 Subject: [PATCH 2/3] Fix the linting errors --- src/app/doc-item.scss | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/app/doc-item.scss b/src/app/doc-item.scss index 3f7a9099ee..b7e16da62f 100644 --- a/src/app/doc-item.scss +++ b/src/app/doc-item.scss @@ -29,22 +29,22 @@ html { } :root[data-theme=dark] [src$="#light-mode-only"] { - display: none + display: none; } :root[data-theme=light] [src$="#dark-mode-only"] { - display: none + display: none; } -@media(prefers-color-scheme: dark) { +@media (prefers-color-scheme: dark) { :root[data-theme=auto] [src$="#light-mode-only"] { - display:none + display: none; } } -@media(prefers-color-scheme: light) { +@media (prefers-color-scheme: light) { :root[data-theme=auto] [src$="#dark-mode-only"] { - display:none + display: none; } } From 432904e030eebe7f4112f6979c2f1f53d2be46c7 Mon Sep 17 00:00:00 2001 From: illright Date: Tue, 23 May 2023 09:30:18 +0200 Subject: [PATCH 3/3] Update the Russian version --- .../current/reference/layers.mdx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/i18n/ru/docusaurus-plugin-content-docs/current/reference/layers.mdx b/i18n/ru/docusaurus-plugin-content-docs/current/reference/layers.mdx index ed26201335..1be351e659 100644 --- a/i18n/ru/docusaurus-plugin-content-docs/current/reference/layers.mdx +++ b/i18n/ru/docusaurus-plugin-content-docs/current/reference/layers.mdx @@ -15,9 +15,10 @@ pagination_next: reference/slices-segments Каждый слой несет в себе особый семантический смысл, помогающий определить, какую ответственность следует возложить на модуль в вашем коде. Названия и значения слоёв стандартизированы для всех проектов, построенных с использованием Feature-Sliced Design. -Всего существует 7 слоёв, расположенных от наибольшей ответственности и зависимости к наименьшей: +Всего существует **7 слоёв**, расположенных от наибольшей ответственности и зависимости к наименьшей: - +Дерево файловой системы с одной корневой папкой src и семью подпапками: app, processes, pages, widgets, features, entities, shared. Папка processes отображена немного тускло. +Дерево файловой системы с одной корневой папкой src и семью подпапками: app, processes, pages, widgets, features, entities, shared. Папка processes отображена немного тускло. 1. App (Приложение) 2. Processes (Процессы, устаревший слой)