itube-specs 0.0.1041 → 0.0.1043

package/app.config.ts

@@ -0,0 +1,43 @@
+import type { INavExtraItem, INavItemOverride, IQuickFilterScheme, ISecondNavItem } from './types';
+
+export default defineAppConfig({
+  // Дефолты, чтобы слой собирался/тестировался standalone.
+  // Проект deep-merge'ит свои per-site значения поверх.
+  theme: 'dark',
+  quickVideoFilters: [] as IQuickFilterScheme[],
+  logoSize: null as { width: number, height: number } | null,
+  secondNav: [] as ISecondNavItem[],
+  /** Правки пунктов главной навигации слоя по их `title` (подпись, ссылка по нишам). */
+  navOverrides: {} as Record<string, INavItemOverride>,
+  /** Дополнительные пункты главной навигации, каждый — за пунктом слоя `after`. */
+  navExtraItems: [] as INavExtraItem[],
+  /** Есть ли у сайта сгруппированный вид категорий (`/categories` — группы, `/categories/all` — A–Z).
+   *  `false` — `/categories` сам список A–Z: `CategoryNav` без табов Grouped / A-Z, «All» ведёт на `/categories`. */
+  categoriesGrouped: true,
+  /** Блок Live Cams в сетках листингов (при `FeatureWebcamsEnabled`), `null` — нет. `videos` — после какой строки
+   *  карточек и сколько врезок вебкам-тумб (хвост того же списка) в сетке видео листинга (не похожие, не плейлист,
+   *  не когда страница передала врезки сама); `models` — в основной сетке моделей (`priority`, не футер). */
+  gridWebcams: {
+    videos: null as { afterRows: number, inserts: number } | null,
+    models: null as { afterRows: number } | null,
+  },
+  /** Класс кликабельной части карточек в сетках видео и моделей — для сайтовых хуков (триггер попандера). */
+  cardTriggerClass: '',
+  /** Состав страницы видео. */
+  videoPage: {
+    /** Фразы, по которым пришли на ролик, — строкой над заголовком. */
+    refererPhrases: false,
+    /** Пагинация похожих. */
+    relatedPagination: true,
+    /** Карусель моделей под похожими. */
+    relatedModels: true,
+    /** Блок Live Cams после похожих (при `FeatureWebcamsEnabled`); врезки в похожие берут хвост того же списка. */
+    webcamsBlock: false,
+    /** Сколько моделей из хвоста списка уходит во врезки похожих, когда блок Live Cams включён. */
+    webcamInserts: 8,
+    /** Мета ролика как на старых движках: description — до трёх фраз перехода (недостающие — из тегов), без них —
+     *  категории, склейка ключами `meta.videos-slug.tags_and` / `tags_tail`; в title доступен `{thirdText}` — название
+     *  в Title Case. Выключено — description из описания ролика. */
+    metaFromPhrases: false,
+  },
+});

package/assets/scss/layout/_layout.scss

@@ -25,6 +25,7 @@
 
 .main {
   display: grid;
+  grid-template-columns: minmax(0, 1fr);
   flex-grow: 1;
 }
 

package/assets/scss/mixins/_page.scss

@@ -18,6 +18,7 @@
   text-transform: uppercase;
   letter-spacing: var(--tracking-wide);
   font-weight: 700;
+  overflow-wrap: break-word;
 
   @include from-br(xm) {
     @include font-lg;

package/components/card/playlist.vue

@@ -319,6 +319,7 @@ $updated-word-width: 240px;
 .card-playlist {
   position: relative;
   display: grid;
+  grid-template-columns: minmax(0, 1fr);
   width: 100%;
   container-type: inline-size;
   align-items: start;
@@ -383,8 +384,10 @@ $updated-word-width: 240px;
 .card-playlist__wrapper-header {
   display: flex;
   align-items: center;
+  flex-wrap: wrap;
   justify-content: space-between;
   column-gap: 24px;
+  row-gap: 4px;
   margin-bottom: 8px;
 }
 

package/components/category/by-letter.vue

@@ -29,6 +29,7 @@ function getLetter(letter: string) {
 <style lang="scss">
 .category-by-letter {
   display: grid;
+  grid-template-columns: minmax(0, 1fr);
   row-gap: 48px;
 
   @include to-br(sm) {

package/components/category/list.vue

@@ -51,6 +51,7 @@ const { t } = useI18n();
 .category-list {
   overflow: hidden;
   width: 100%;
+  min-width: 0;
 
   @include to-br(sm) {
     display: flex;
@@ -88,6 +89,7 @@ const { t } = useI18n();
     margin-bottom: 6px;
     padding-block: 4px;
     width: max-content;
+    max-width: 100%;
   }
 
   @include to-br(sm) {

package/components/ui/breadcrumbs.vue

@@ -84,7 +84,15 @@ const resultItems = computed(() => {
   color: $breadcrumbs-text;
 }
 
+.ui-breadcrumbs ol li:last-child {
+  min-width: 0;
+}
+
 .ui-breadcrumbs ol li:last-child .ui-breadcrumbs__item {
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
   color: $breadcrumbs-text--current;
   text-transform: capitalize;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "itube-specs",
   "type": "module",
-  "version": "0.0.1041",
+  "version": "0.0.1043",
   "main": "./nuxt.config.ts",
   "types": "./types/index.d.ts",
   "scripts": {
@@ -86,6 +86,7 @@
     "scripts/spec.sh",
     "SITE_UPDATES.md",
     "nuxt.config.ts",
+    "app.config.ts",
     "DOCS/"
   ],
   "devDependencies": {