M: Minor UI fixes

rsconcept/frontend/src/components/icons.tsx

@@ -12,8 +12,8 @@ export { BiX              as IconRemove }         from 'react-icons/bi';
 export { BiTrash          as IconDestroy }        from 'react-icons/bi';
 export { BiReset          as IconReset }          from 'react-icons/bi';
 export { TbArrowsDiagonal2 as IconResize }        from 'react-icons/tb';
-export { LiaEdit          as IconEdit }           from 'react-icons/lia';
-export { FiEdit           as IconEdit2 }          from 'react-icons/fi';
+export { FiEdit           as IconEdit }          from 'react-icons/fi';
+export { AiOutlineEdit    as IconEdit2 }          from 'react-icons/ai';
 export { BiSearchAlt2     as IconSearch }         from 'react-icons/bi';
 export { BiDownload       as IconDownload }       from 'react-icons/bi';
 export { BiUpload         as IconUpload }         from 'react-icons/bi';

rsconcept/frontend/src/features/ai/dialogs/dlg-ai-prompt/menu-ai-prompt.tsx

@@ -5,7 +5,7 @@ import { toast } from 'react-toastify';
 import { urls, useConceptNavigation } from '@/app';
 
 import { MiniButton } from '@/components/control';
-import { IconClone, IconEdit2 } from '@/components/icons';
+import { IconClone, IconEdit } from '@/components/icons';
 import { useDialogsStore } from '@/stores/dialogs';
 import { infoMsg } from '@/utils/labels';
 
@@ -36,7 +36,7 @@ export function MenuAIPrompt({ promptID, generatedPrompt }: MenuAIPromptProps) {
         title='Редактировать шаблон'
         noHover
         noPadding
-        icon={<IconEdit2 size='1.25rem' />}
+        icon={<IconEdit size='1.25rem' />}
         className='h-full pl-2 text-muted-foreground hover:text-primary cc-animate-color bg-transparent'
         onClick={navigatePrompt}
       />

rsconcept/frontend/src/features/help/components/badge-help.tsx

@@ -63,11 +63,19 @@ export function BadgeHelp({
         className={cn('max-w-120', contentClass)}
         {...restProps}
       >
-        <Suspense fallback={<Loader />}>
-          <div className='absolute right-1 text-sm top-2 bg-' onClick={event => event.stopPropagation()}>
-            <TextURL text='Справка...' href={`/manuals?topic=${topic}`} />
+        <Suspense
+          fallback={
+            <div className={cn('w-full min-w-80', contentClass)}>
+              <Loader />
+            </div>
+          }
+        >
+          <div className='cc-fade-in'>
+            <div className='absolute right-2 text-sm top-1' onClick={event => event.stopPropagation()}>
+              <TextURL text='Справка' href={`/manuals?topic=${topic}`} />
+            </div>
+            <TopicPage topic={topic} />
           </div>
-          <TopicPage topic={topic} />
         </Suspense>
       </Tooltip>
     </div>

rsconcept/frontend/src/features/help/items/ui/help-oss-graph.tsx

@@ -8,7 +8,7 @@ import {
   IconConsolidation,
   IconCoordinates,
   IconDestroy,
-  IconEdit2,
+  IconEdit,
   IconExecute,
   IconFitImage,
   IconGrid,
@@ -83,7 +83,7 @@ export function HelpOssGraph() {
               <IconNewItem className='inline-icon icon-green' /> Новый узел
             </li>
             <li>
-              <IconEdit2 className='inline-icon' /> Редактирование узла
+              <IconEdit className='inline-icon' /> Редактирование узла
             </li>
             <li>
               <IconDestroy className='inline-icon icon-red' /> <kbd>Delete</kbd> – удалить выбранный

rsconcept/frontend/src/features/help/items/ui/help-oss-sidebar.tsx

@@ -1,7 +1,7 @@
 import {
   IconClone,
   IconDestroy,
-  IconEdit2,
+  IconEdit,
   IconGenerateNames,
   IconLeftOpen,
   IconMoveDown,
@@ -40,7 +40,7 @@ export function HelpOssSidebar() {
           <IconGenerateNames className='inline-icon' /> перенумеровать
         </li>
         <li>
-          <IconEdit2 className='inline-icon' /> редактировать конституенты
+          <IconEdit className='inline-icon' /> редактировать конституенты
         </li>
         <li>
           <IconNewItem className='inline-icon icon-green' /> новая конституента

rsconcept/frontend/src/features/library/pages/library-page/view-side-location.tsx

@@ -86,6 +86,7 @@ export function ViewSideLocation({ isVisible, onRenameLocation }: ViewSideLocati
         </div>
       </div>
       <SelectLocation
+        className='cc-scroll-left cc-scroll-stable'
         value={location}
         prefix={prefixes.folders_list}
         onClick={handleClickFolder}

rsconcept/frontend/src/features/oss/components/oss-stats.tsx

@@ -20,11 +20,16 @@ interface OssStatsProps {
 export function OssStats({ className, stats }: OssStatsProps) {
   return (
     <aside className={cn('grid grid-cols-3 gap-1 justify-items-end h-min select-none', className)}>
-      <div id='count_operations' className='w-fit flex gap-3 hover:cursor-default '>
+      <div id='count_operations' className='w-fit flex gap-3 hover:cursor-default col-span-2'>
         <span>Всего</span>
         <span>{stats.count_all}</span>
       </div>
-      <ValueStats id='count_block' title='Блоки' icon={<IconConceptBlock size='1.25rem' />} value={stats.count_block} />
+      <ValueStats
+        id='count_block' //
+        title='Блоки'
+        icon={<IconConceptBlock size='1.25rem' />}
+        value={stats.count_block}
+      />
 
       <ValueStats
         id='count_inputs'

rsconcept/frontend/src/features/oss/pages/oss-page/editor-oss-card/editor-oss-card.tsx

@@ -58,14 +58,14 @@ export function EditorOssCard() {
         isNarrow={isNarrow}
       />
 
-      <div className='cc-column px-3 mx-0 md:mx-auto'>
+      <div className='cc-column mx-0 md:mx-auto'>
         <FormOSS key={schema.id} />
         <EditorLibraryItem schema={schema} isAttachedToOSS={false} />
       </div>
 
       <OssStats
         className={clsx(
-          'w-80 md:w-56 mt-3 md:mt-8 mx-auto md:ml-8 md:mr-0',
+          'w-80 md:w-56 mt-3 md:mt-8 mx-auto md:ml-5 md:mr-0',
           'cc-animate-sidebar',
           showOSSStats ? 'max-w-full' : 'opacity-0 max-w-0'
         )}

rsconcept/frontend/src/features/oss/pages/oss-page/editor-oss-graph/context-menu/menu-block.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { DropdownButton } from '@/components/dropdown';
-import { IconDestroy, IconEdit2 } from '@/components/icons';
+import { IconDestroy, IconEdit } from '@/components/icons';
 import { useDialogsStore } from '@/stores/dialogs';
 
 import { useDeleteBlock } from '../../../../backend/use-delete-block';
@@ -45,7 +45,7 @@ export function MenuBlock({ block, onHide }: MenuBlockProps) {
       <DropdownButton
         text='Редактировать'
         title='Редактировать блок'
-        icon={<IconEdit2 size='1rem' className='icon-primary' />}
+        icon={<IconEdit size='1rem' className='icon-primary' />}
         onClick={handleEditBlock}
         disabled={!isMutable || isProcessing}
       />

rsconcept/frontend/src/features/oss/pages/oss-page/editor-oss-graph/context-menu/menu-operation.tsx

@@ -12,7 +12,7 @@ import {
   IconClone,
   IconConnect,
   IconDestroy,
-  IconEdit2,
+  IconEdit,
   IconExecute,
   IconNewRSForm,
   IconReference,
@@ -223,7 +223,7 @@ export function MenuOperation({ operation, onHide }: MenuOperationProps) {
         <DropdownButton
           text='Редактировать'
           title='Редактировать операцию'
-          icon={<IconEdit2 size='1rem' className='icon-primary' />}
+          icon={<IconEdit size='1rem' className='icon-primary' />}
           onClick={handleEditOperation}
           disabled={!isMutable || isProcessing}
         />

rsconcept/frontend/src/features/oss/pages/oss-page/editor-oss-graph/side-panel/toolbar-schema.tsx

@@ -18,7 +18,7 @@ import { Dropdown, DropdownButton, useDropdown } from '@/components/dropdown';
 import {
   IconClone,
   IconDestroy,
-  IconEdit2,
+  IconEdit,
   IconGenerateNames,
   IconMoveDown,
   IconMoveUp,
@@ -239,7 +239,7 @@ export function ToolbarSchema({
       </div>
       <MiniButton
         title='Редактировать конституенту'
-        icon={<IconEdit2 size='1rem' className='icon-primary' />}
+        icon={<IconEdit size='1rem' className='icon-primary' />}
         onClick={onEditActive}
         disabled={!isMutable || isProcessing || !activeCst}
       />

rsconcept/frontend/src/features/oss/pages/oss-page/editor-oss-graph/toolbar-oss-graph.tsx

@@ -15,7 +15,7 @@ import {
   IconConceptBlock,
   IconDestroy,
   IconDownload,
-  IconEdit2,
+  IconEdit,
   IconFilter,
   IconFitImage,
   IconNewItem,
@@ -156,7 +156,7 @@ export function ToolbarOssGraph({
             aria-label='Редактировать выбранную'
             titleHtml={prepareTooltip('Редактировать выбранную', isIOS() ? '' : 'Правый клик')}
             hideTitle={isContextMenuOpen || menu.isOpen}
-            icon={<IconEdit2 size='1.25rem' className='icon-primary' />}
+            icon={<IconEdit size='1.25rem' className='icon-primary' />}
             onClick={handleEditItem}
             disabled={selectedItems.length !== 1 || isProcessing}
           />

rsconcept/frontend/src/styling/utilities.css

@@ -132,6 +132,18 @@
   scroll-snap-type: y mandatory;
 }
 
+@utility cc-scroll-stable {
+  scrollbar-gutter: stable;
+}
+
+@utility cc-scroll-left {
+  direction: rtl;
+
+  & > * {
+    direction: ltr;
+  }
+}
+
 @utility cc-shadow-border {
   box-shadow: 0 1px 2px 0 var(--color-border);
 }