From 990b3407059107351b9f896aa84895d4df651bbf Mon Sep 17 00:00:00 2001 From: Ivan <8611739+IRBorisov@users.noreply.github.com> Date: Mon, 23 Sep 2024 10:34:14 +0300 Subject: [PATCH] M: Improve manuals UI layout --- .../frontend/src/app/ApplicationLayout.tsx | 2 +- .../src/pages/ManualsPage/ManualsPage.tsx | 2 +- .../src/pages/ManualsPage/ViewTopic.tsx | 6 ++++- .../pages/ManualsPage/items/HelpRSLang.tsx | 2 +- .../pages/ManualsPage/items/HelpThesaurus.tsx | 24 +++++++++---------- rsconcept/frontend/src/styling/setup.css | 2 +- 6 files changed, 21 insertions(+), 17 deletions(-) diff --git a/rsconcept/frontend/src/app/ApplicationLayout.tsx b/rsconcept/frontend/src/app/ApplicationLayout.tsx index 7bd3f01e..3d520e9b 100644 --- a/rsconcept/frontend/src/app/ApplicationLayout.tsx +++ b/rsconcept/frontend/src/app/ApplicationLayout.tsx @@ -11,7 +11,7 @@ function ApplicationLayout() { const { viewportHeight, mainHeight, showScroll } = useConceptOptions(); return ( -
+
+
onSelectTopic(topic)} />
diff --git a/rsconcept/frontend/src/pages/ManualsPage/ViewTopic.tsx b/rsconcept/frontend/src/pages/ManualsPage/ViewTopic.tsx index caeb3f33..4a094d12 100644 --- a/rsconcept/frontend/src/pages/ManualsPage/ViewTopic.tsx +++ b/rsconcept/frontend/src/pages/ManualsPage/ViewTopic.tsx @@ -1,4 +1,7 @@ +'use client'; + import AnimateFade from '@/components/wrap/AnimateFade'; +import { useConceptOptions } from '@/context/ConceptOptionsContext'; import { HelpTopic } from '@/models/miscellaneous'; import TopicPage from '@/pages/ManualsPage/TopicPage'; @@ -7,8 +10,9 @@ interface ViewTopicProps { } function ViewTopic({ topic }: ViewTopicProps) { + const { mainHeight } = useConceptOptions(); return ( - + ); diff --git a/rsconcept/frontend/src/pages/ManualsPage/items/HelpRSLang.tsx b/rsconcept/frontend/src/pages/ManualsPage/items/HelpRSLang.tsx index 1ce51517..915fc660 100644 --- a/rsconcept/frontend/src/pages/ManualsPage/items/HelpRSLang.tsx +++ b/rsconcept/frontend/src/pages/ManualsPage/items/HelpRSLang.tsx @@ -13,7 +13,7 @@ function HelpRSLang() { const videoHeight = useMemo(() => { const viewH = windowSize.height ?? 0; const viewW = windowSize.width ?? 0; - const availableWidth = viewW - (windowSize.isSmall ? 35 : 300); + const availableWidth = viewW - (windowSize.isSmall ? 35 : 310); return Math.min(1080, Math.max(viewH - 450, 300), Math.floor((availableWidth * 9) / 16)); }, [windowSize]); diff --git a/rsconcept/frontend/src/pages/ManualsPage/items/HelpThesaurus.tsx b/rsconcept/frontend/src/pages/ManualsPage/items/HelpThesaurus.tsx index cbc8e29a..0a286240 100644 --- a/rsconcept/frontend/src/pages/ManualsPage/items/HelpThesaurus.tsx +++ b/rsconcept/frontend/src/pages/ManualsPage/items/HelpThesaurus.tsx @@ -34,7 +34,7 @@ function HelpThesaurus() {

Тезаурус

- Данные раздел содержит основные термины и определения, используемые в работе с Порталом. Термины сгруппированы + Данный раздел содержит основные термины и определения, используемые в работе с Порталом. Термины сгруппированы по ключевым сущностям. Более подробно описание отношений между терминами даются в отдельных разделах данной Справки через гиперссылки. Также указываются графические обозначения (иконки, цвета), используемые для обозначения соответствующих сущностей в интерфейсе Портала. @@ -69,26 +69,26 @@ function HelpThesaurus() { По отношению к операциям ОСС выделены:

  • - {'\u2009'}свободная КС – это КС не прикрепленная ни к одной операции в ОСС; + {'\u2009'}свободная КС – КС не прикрепленная ни к одной операции в ОСС;
  • - {'\u2009'}собственная КС данной ОСС – это КС, прикрепленная к операции в ОСС, чьи владелец и расположение + {'\u2009'}собственная КС данной ОСС – КС, прикрепленная к операции в ОСС, чьи владелец и расположение совпадают с соответствующими атрибутами ОСС.
  • - {'\u2009'}внешняя КС данной ОСС – это КС, прикрепленная к операции в ОСС, чьи владелец или расположение не + {'\u2009'}внешняя КС данной ОСС – КС, прикрепленная к операции в ОСС, чьи владелец или расположение не совпадают с соответствующими атрибутами ОСС;

    • Конституента

    - Конституента – это выделенная часть КС, являющаяся отдельным понятием, схемой построения понятия, либо - утверждением, связывающим введенные понятия.{' '} - в родоструктурной экспликации - являются Термин, Конвенция, Типизация (Структура), Формальное определение, Текстовое определение, Комментарий. + Конституента – выделенная часть КС, являющаяся отдельным понятием, схемой построения понятия, либо утверждением, + связывающим введенные понятия. в + родоструктурной экспликации являются Термин, Конвенция, Типизация (Структура), Формальное определение, Текстовое + определение, Комментарий.

      По характеру формального определения в рамках КС выделены классы: @@ -231,11 +231,11 @@ function HelpThesaurus() { Для описания наследования конституент в рамках ОСС введены:
    • - {'\u2009'}наследованная конституента – конституента, перенесенная из другой КС в рамках операции синтеза; + {'\u2009'}наследованная конституента – конституента, перенесенная из другой КС в ходе синтеза;
    • - {'\u2009'}собственная конституента – конституента, не являющаяся наследником других конституент; + {'\u2009'}собственная конституента – конституента, не являющаяся наследованной;
    • @@ -248,8 +248,8 @@ function HelpThesaurus() {

      {'\u2009'} - (ОСС) – система концептуальных схем, - связанных операциями синтеза. + (ОСС) – система операций над + концептуальными схемами.

      Граф синтеза – ориентированный граф, вершинами которого являются операции, а ребра указывают на использование diff --git a/rsconcept/frontend/src/styling/setup.css b/rsconcept/frontend/src/styling/setup.css index b2625adf..be443dac 100644 --- a/rsconcept/frontend/src/styling/setup.css +++ b/rsconcept/frontend/src/styling/setup.css @@ -104,7 +104,7 @@ h6 { /* Limit text lines and setup wrapping */ p, li { - max-width: 90ch; + max-width: 75ch; text-wrap: pretty; }