codeTwo/apps/desktop/layout-spec.json at main · IchenDEV/codeTwo · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
{
  "name": "codetwo-desktop-layout",
  "version": 1,
  "baseUnit": 4,
  "spacing": {
    "optical": 2,
    "inline": 4,
    "controlGroup": 6,
    "moduleInset": 8,
    "surfaceInset": 12,
    "section": 16,
    "page": 24,
    "pageSection": 32
  },
  "breakpoints": {
    "compact": {
      "min": 800,
      "max": 999,
      "behavior": "Keep the workspace fluid and overlay the navigation rail before it falls below its minimum usable width."
    },
    "standard": {
      "min": 1000,
      "max": 1399
    },
    "wide": {
      "min": 1400
    },
    "auxiliary": {
      "min": 0,
      "max": 799,
      "behavior": "Supported for dialogs, tests, and auxiliary windows; not a separate mobile application layout."
    }
  },
  "shell": {
    "titlebarHeight": 46,
    "regions": {
      "navigationRail": {
        "defaultWidth": 288,
        "minWidth": 220,
        "maxWidth": 420,
        "behavior": "Inline while the remaining workspace is at least 620px; otherwise an overlay drawer."
      },
      "workspace": {
        "minWidth": 620,
        "behavior": "Fluid and absorbs remaining width."
      },
      "dock": {
        "defaultWidth": 440,
        "minWidth": 300,
        "behavior": "Inline while preserving the 620px workspace; otherwise the rail becomes an overlay."
      }
    }
  },
  "content": {
    "primaryColumn": {
      "maxWidth": 768,
      "gutter": 24
    },
    "settings": {
      "maxWidth": 768,
      "profileMaxWidth": 1024,
      "bottomPadding": 80,
      "appearance": {
        "sectionGap": 32,
        "contentGap": 12,
        "schemeColumns": 3,
        "themeColumns": 3,
        "paletteColumns": 2,
        "compactAt": 608,
        "compactThemeColumns": 2,
        "compactPaletteColumns": 1,
        "auxiliaryAt": 480,
        "auxiliarySchemeColumns": 1,
        "auxiliaryThemeColumns": 1
      },
      "memory": {
        "sectionGap": 16,
        "workbenchMinHeight": 544,
        "listFraction": 1.08,
        "detailFraction": 0.92,
        "detailMinWidth": 320,
        "detailCollapseAt": 1024,
        "toolbarColumns": 4,
        "compactToolbarColumns": 2,
        "compactViewBehavior": "wrap"
      }
    },
    "workbench": {
      "listMinWidth": 320,
      "listPreferredWidth": "38cqw",
      "listMaxWidth": 496,
      "collapseAt": 704,
      "listContentLine": 32,
      "listControlsOuterInset": 16,
      "listContentBehavior": "Split-list titles, first selection labels, and search icons share the pageSection content line; collapsed-sidebar recovery actions remain shell chrome.",
      "pullRequests": {
        "inspectorMinWidth": 192,
        "inspectorPreferredWidth": "23cqw",
        "inspectorMaxWidth": 256,
        "inspectorCollapseAt": 960,
        "inspectorInset": 12,
        "inspectorRadius": "modal",
        "inspectorElevation": "raised",
        "behavior": "Show list, primary PR detail, and a reserved floating Inspector at standard widths; collapse the Inspector before the existing list/detail compact transition."
      }
    },
    "uiLab": {
      "navigationWidth": 196,
      "catalogMaxWidth": 1160,
      "scenarioToolbarHeight": 48,
      "cardMinWidth": 280,
      "compactAt": 760,
      "behavior": "Keep a persistent catalog rail at standard widths, move it above content at compact widths, and let each production scenario retain its own container-query breakpoints."
    }
  },
  "verticalRhythm": {
    "titlebarHeight": 46,
    "normalControlHeight": 32,
    "fieldControlHeight": 36,
    "sectionGap": 16,
    "pageSectionGap": 32
  },
  "exceptions": [
    {
      "name": "settings-icon-rail",
      "condition": "viewport width at or below 704px",
      "width": 64,
      "reason": "Preserve settings navigation while labels no longer fit."
    },
    {
      "name": "hero-scrollbar-gutter",
      "reason": "Reserve both scrollbar edges so the centered composer does not move when the minimum-height window starts scrolling."
    }
  ]
}