@byline/host-tanstack-start 6.10.1 → 6.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/dist/admin-shell/admin-activity/list_module.css +47 -43
  2. package/dist/admin-shell/admin-roles/container_module.css +75 -71
  3. package/dist/admin-shell/admin-roles/delete_module.css +31 -27
  4. package/dist/admin-shell/admin-roles/list_module.css +95 -91
  5. package/dist/admin-shell/admin-users/container_module.css +112 -108
  6. package/dist/admin-shell/admin-users/delete_module.css +31 -27
  7. package/dist/admin-shell/admin-users/list_module.css +92 -88
  8. package/dist/admin-shell/chrome/admin-app-bar_module.css +53 -49
  9. package/dist/admin-shell/chrome/admin-drawer-toggle_module.css +20 -16
  10. package/dist/admin-shell/chrome/admin-layout_module.css +10 -6
  11. package/dist/admin-shell/chrome/admin-menu-drawer_module.css +149 -145
  12. package/dist/admin-shell/chrome/branding_module.css +12 -8
  13. package/dist/admin-shell/chrome/breadcrumbs/breadcrumbs_module.css +179 -175
  14. package/dist/admin-shell/chrome/content_module.css +12 -8
  15. package/dist/admin-shell/chrome/dashboard_module.css +203 -199
  16. package/dist/admin-shell/chrome/hamburger_module.css +9 -5
  17. package/dist/admin-shell/chrome/route-error_module.css +78 -74
  18. package/dist/admin-shell/chrome/route-progress-bar_module.css +25 -21
  19. package/dist/admin-shell/chrome/session-change-boundary_module.css +72 -68
  20. package/dist/admin-shell/chrome/sign-in-page_module.css +65 -61
  21. package/dist/admin-shell/chrome/th-sortable_module.css +45 -41
  22. package/dist/admin-shell/collections/api_module.css +37 -33
  23. package/dist/admin-shell/collections/document-history_module.css +25 -21
  24. package/dist/admin-shell/collections/history_module.css +169 -165
  25. package/dist/admin-shell/collections/list_module.css +136 -132
  26. package/dist/admin-shell/collections/restore-version-modal_module.css +28 -24
  27. package/dist/admin-shell/collections/tree-list_module.css +119 -115
  28. package/dist/admin-shell/collections/view-menu_module.css +46 -42
  29. package/dist/admin-shell/scheduled-publications/list_module.css +99 -95
  30. package/package.json +10 -10
  31. package/src/admin-shell/admin-activity/list.module.css +60 -44
  32. package/src/admin-shell/admin-roles/container.module.css +105 -89
  33. package/src/admin-shell/admin-roles/delete.module.css +50 -34
  34. package/src/admin-shell/admin-roles/list.module.css +134 -118
  35. package/src/admin-shell/admin-users/container.module.css +157 -141
  36. package/src/admin-shell/admin-users/delete.module.css +50 -34
  37. package/src/admin-shell/admin-users/list.module.css +131 -115
  38. package/src/admin-shell/chrome/admin-app-bar.module.css +72 -56
  39. package/src/admin-shell/chrome/admin-drawer-toggle.module.css +36 -20
  40. package/src/admin-shell/chrome/admin-layout.module.css +22 -9
  41. package/src/admin-shell/chrome/admin-menu-drawer.module.css +213 -197
  42. package/src/admin-shell/chrome/branding.module.css +26 -10
  43. package/src/admin-shell/chrome/breadcrumbs/breadcrumbs.module.css +161 -145
  44. package/src/admin-shell/chrome/content.module.css +25 -9
  45. package/src/admin-shell/chrome/dashboard.module.css +270 -254
  46. package/src/admin-shell/chrome/hamburger.module.css +22 -6
  47. package/src/admin-shell/chrome/route-error.module.css +99 -83
  48. package/src/admin-shell/chrome/route-progress-bar.module.css +44 -28
  49. package/src/admin-shell/chrome/session-change-boundary.module.css +98 -82
  50. package/src/admin-shell/chrome/sign-in-page.module.css +86 -70
  51. package/src/admin-shell/chrome/th-sortable.module.css +54 -38
  52. package/src/admin-shell/collections/api.module.css +56 -40
  53. package/src/admin-shell/collections/document-history.module.css +43 -27
  54. package/src/admin-shell/collections/history.module.css +208 -192
  55. package/src/admin-shell/collections/list.module.css +162 -146
  56. package/src/admin-shell/collections/restore-version-modal.module.css +46 -30
  57. package/src/admin-shell/collections/tree-list.module.css +142 -126
  58. package/src/admin-shell/collections/view-menu.module.css +70 -57
  59. package/src/admin-shell/scheduled-publications/list.module.css +116 -100
@@ -1,45 +1,49 @@
1
- :is(.head-kI5Xwr, .byline-activity-head) {
2
- margin-bottom: .5rem;
3
- }
4
-
5
- :is(.title-ealGXb, .byline-activity-title) {
6
- font-size: 1.25rem;
7
- font-weight: 600;
8
- }
9
-
10
- :is(.options-phg69k, .byline-activity-options) {
11
- flex-wrap: wrap;
12
- align-items: center;
13
- gap: .5rem;
14
- margin: .75rem 0;
15
- display: flex;
16
- }
17
-
18
- :is(.empty-abhubg, .byline-activity-empty) {
19
- color: var(--gray-500);
20
- margin: 1.5rem 0;
21
- font-size: .875rem;
22
- }
23
-
24
- :is(:is([data-theme="dark"], .dark) .empty-abhubg, :is([data-theme="dark"], .dark) .byline-activity-empty) {
25
- color: var(--gray-400);
26
- }
27
-
28
- :is(.tableWrap-VncCtZ, .byline-activity-table-wrap) {
29
- margin-top: .5rem;
30
- margin-bottom: .75rem;
31
- }
32
-
33
- :is(.when-LlN6zo, .byline-activity-when) {
34
- white-space: nowrap;
35
- font-variant-numeric: tabular-nums;
36
- }
37
-
38
- :is(.change-jeXuPf, .byline-activity-change) {
39
- font-variant-numeric: tabular-nums;
40
- }
41
-
42
- :is(.arrow-W5ERDF, .byline-activity-arrow) {
43
- color: var(--gray-400);
1
+ @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
2
+
3
+ @layer byline-components.cms {
4
+ :is(.head-kI5Xwr, .byline-activity-head) {
5
+ margin-bottom: .5rem;
6
+ }
7
+
8
+ :is(.title-ealGXb, .byline-activity-title) {
9
+ font-size: 1.25rem;
10
+ font-weight: 600;
11
+ }
12
+
13
+ :is(.options-phg69k, .byline-activity-options) {
14
+ flex-wrap: wrap;
15
+ align-items: center;
16
+ gap: .5rem;
17
+ margin: .75rem 0;
18
+ display: flex;
19
+ }
20
+
21
+ :is(.empty-abhubg, .byline-activity-empty) {
22
+ color: var(--gray-500);
23
+ margin: 1.5rem 0;
24
+ font-size: .875rem;
25
+ }
26
+
27
+ :is(:is([data-theme="dark"], .dark) .empty-abhubg, :is([data-theme="dark"], .dark) .byline-activity-empty) {
28
+ color: var(--gray-400);
29
+ }
30
+
31
+ :is(.tableWrap-VncCtZ, .byline-activity-table-wrap) {
32
+ margin-top: .5rem;
33
+ margin-bottom: .75rem;
34
+ }
35
+
36
+ :is(.when-LlN6zo, .byline-activity-when) {
37
+ white-space: nowrap;
38
+ font-variant-numeric: tabular-nums;
39
+ }
40
+
41
+ :is(.change-jeXuPf, .byline-activity-change) {
42
+ font-variant-numeric: tabular-nums;
43
+ }
44
+
45
+ :is(.arrow-W5ERDF, .byline-activity-arrow) {
46
+ color: var(--gray-400);
47
+ }
44
48
  }
45
49
 
@@ -1,93 +1,97 @@
1
- :is(.card-glD1iI, .byline-role-detail-card) {
2
- border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
3
- border-radius: var(--border-radius-sm);
4
- background-color: var(--canvas-25);
5
- margin-bottom: 1.5rem;
6
- padding: 1rem;
7
- }
8
-
9
- :is(:is([data-theme="dark"], .dark) .card-glD1iI, :is([data-theme="dark"], .dark) .byline-role-detail-card) {
10
- border-color: var(--gray-700);
11
- background-color: var(--canvas-800);
12
- }
1
+ @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
2
+
3
+ @layer byline-components.cms {
4
+ :is(.card-glD1iI, .byline-role-detail-card) {
5
+ border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
6
+ border-radius: var(--border-radius-sm);
7
+ background-color: var(--canvas-25);
8
+ margin-bottom: 1.5rem;
9
+ padding: 1rem;
10
+ }
13
11
 
14
- :is(.head-uuMT0C, .byline-role-detail-head) {
15
- flex-wrap: wrap;
16
- justify-content: space-between;
17
- align-items: flex-start;
18
- gap: .75rem;
19
- margin-bottom: .75rem;
20
- display: flex;
21
- }
12
+ :is(:is([data-theme="dark"], .dark) .card-glD1iI, :is([data-theme="dark"], .dark) .byline-role-detail-card) {
13
+ border-color: var(--gray-700);
14
+ background-color: var(--canvas-800);
15
+ }
22
16
 
23
- :is(.actions-wqeS5n, .byline-role-detail-actions) {
24
- align-items: center;
25
- gap: .5rem;
26
- display: flex;
27
- }
17
+ :is(.head-uuMT0C, .byline-role-detail-head) {
18
+ flex-wrap: wrap;
19
+ justify-content: space-between;
20
+ align-items: flex-start;
21
+ gap: .75rem;
22
+ margin-bottom: .75rem;
23
+ display: flex;
24
+ }
28
25
 
29
- :is(.title-zAMNLo, .byline-role-detail-title) {
30
- margin: 0;
31
- }
26
+ :is(.actions-wqeS5n, .byline-role-detail-actions) {
27
+ align-items: center;
28
+ gap: .5rem;
29
+ display: flex;
30
+ }
32
31
 
33
- :is(.grid-uVLLml, .byline-role-detail-grid) {
34
- gap: .25rem;
35
- display: grid;
36
- }
32
+ :is(.title-zAMNLo, .byline-role-detail-title) {
33
+ margin: 0;
34
+ }
37
35
 
38
- @media (min-width: 40rem) {
39
36
  :is(.grid-uVLLml, .byline-role-detail-grid) {
40
- grid-template-columns: repeat(2, minmax(0, 1fr));
37
+ gap: .25rem;
38
+ display: grid;
41
39
  }
42
40
 
43
- :is(.gridFull-poMPwn, .byline-role-detail-grid-full) {
44
- grid-column: span 2 / span 2;
45
- }
46
- }
41
+ @media (min-width: 40rem) {
42
+ :is(.grid-uVLLml, .byline-role-detail-grid) {
43
+ grid-template-columns: repeat(2, minmax(0, 1fr));
44
+ }
47
45
 
48
- :is(.row-DwUCaD, .byline-role-detail-row) {
49
- margin: 0;
50
- }
46
+ :is(.gridFull-poMPwn, .byline-role-detail-grid-full) {
47
+ grid-column: span 2 / span 2;
48
+ }
49
+ }
51
50
 
52
- :is(.meta-i09RAH, .byline-role-detail-meta) {
53
- gap: .25rem;
54
- margin-top: .75rem;
55
- font-size: .75rem;
56
- display: grid;
57
- }
51
+ :is(.row-DwUCaD, .byline-role-detail-row) {
52
+ margin: 0;
53
+ }
58
54
 
59
- @media (min-width: 40rem) {
60
55
  :is(.meta-i09RAH, .byline-role-detail-meta) {
61
- grid-template-columns: repeat(2, minmax(0, 1fr));
56
+ gap: .25rem;
57
+ margin-top: .75rem;
58
+ font-size: .75rem;
59
+ display: grid;
62
60
  }
63
- }
64
61
 
65
- :is(.notSet-j4BgOv, .byline-role-detail-not-set) {
66
- font-style: italic;
67
- }
62
+ @media (min-width: 40rem) {
63
+ :is(.meta-i09RAH, .byline-role-detail-meta) {
64
+ grid-template-columns: repeat(2, minmax(0, 1fr));
65
+ }
66
+ }
68
67
 
69
- :is(.drawerContent-K5wE40, .byline-role-detail-drawer-content) {
70
- max-height: calc(100vh - 160px);
71
- overflow-y: auto;
72
- }
68
+ :is(.notSet-j4BgOv, .byline-role-detail-not-set) {
69
+ font-style: italic;
70
+ }
73
71
 
74
- @media (min-width: 48rem) {
75
- :is(.drawer-OkhPiR, .byline-role-detail-drawer) {
76
- width: 500px;
72
+ :is(.drawerContent-K5wE40, .byline-role-detail-drawer-content) {
73
+ max-height: calc(100vh - 160px);
74
+ overflow-y: auto;
77
75
  }
78
- }
79
76
 
80
- @media (min-width: 40rem) {
81
- :is(.modal-UVJdsy, .byline-role-detail-modal) {
82
- max-width: 550px;
83
- margin-bottom: 6rem;
77
+ @media (min-width: 48rem) {
78
+ :is(.drawer-OkhPiR, .byline-role-detail-drawer) {
79
+ width: 500px;
80
+ }
84
81
  }
85
- }
86
82
 
87
- :is(.modalHead-uhbg3i, .byline-role-detail-modal-head) {
88
- justify-content: space-between;
89
- align-items: center;
90
- margin-bottom: 1rem;
91
- display: flex;
83
+ @media (min-width: 40rem) {
84
+ :is(.modal-UVJdsy, .byline-role-detail-modal) {
85
+ max-width: 550px;
86
+ margin-bottom: 6rem;
87
+ }
88
+ }
89
+
90
+ :is(.modalHead-uhbg3i, .byline-role-detail-modal-head) {
91
+ justify-content: space-between;
92
+ align-items: center;
93
+ margin-bottom: 1rem;
94
+ display: flex;
95
+ }
92
96
  }
93
97
 
@@ -1,35 +1,39 @@
1
- :is(.content-MyS85J, .byline-role-delete-content) {
2
- gap: .25rem;
3
- }
1
+ @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
4
2
 
5
- :is(.body-_CDaPY, .byline-role-delete-body) {
6
- flex-direction: column;
7
- gap: .5rem;
8
- display: flex;
9
- }
3
+ @layer byline-components.cms {
4
+ :is(.content-MyS85J, .byline-role-delete-content) {
5
+ gap: .25rem;
6
+ }
10
7
 
11
- :is(.row-OH2svT, .byline-role-delete-row) {
12
- margin: 0;
13
- }
8
+ :is(.body-_CDaPY, .byline-role-delete-body) {
9
+ flex-direction: column;
10
+ gap: .5rem;
11
+ display: flex;
12
+ }
14
13
 
15
- :is(.warning-pdOBqF, .byline-role-delete-warning) {
16
- color: var(--red-600);
17
- margin-top: .75rem;
18
- }
14
+ :is(.row-OH2svT, .byline-role-delete-row) {
15
+ margin: 0;
16
+ }
19
17
 
20
- :is(:is([data-theme="dark"], .dark) .warning-pdOBqF, :is([data-theme="dark"], .dark) .byline-role-delete-warning) {
21
- color: var(--red-300);
22
- }
18
+ :is(.warning-pdOBqF, .byline-role-delete-warning) {
19
+ color: var(--red-600);
20
+ margin-top: .75rem;
21
+ }
23
22
 
24
- :is(.actions-GBQeIV, .byline-role-delete-actions) {
25
- justify-content: flex-end;
26
- align-items: center;
27
- gap: .5rem;
28
- margin-top: 1.5rem;
29
- display: flex;
30
- }
23
+ :is(:is([data-theme="dark"], .dark) .warning-pdOBqF, :is([data-theme="dark"], .dark) .byline-role-delete-warning) {
24
+ color: var(--red-300);
25
+ }
26
+
27
+ :is(.actions-GBQeIV, .byline-role-delete-actions) {
28
+ justify-content: flex-end;
29
+ align-items: center;
30
+ gap: .5rem;
31
+ margin-top: 1.5rem;
32
+ display: flex;
33
+ }
31
34
 
32
- :is(.button-F5hAWF, .byline-role-delete-button) {
33
- min-width: 4rem;
35
+ :is(.button-F5hAWF, .byline-role-delete-button) {
36
+ min-width: 4rem;
37
+ }
34
38
  }
35
39
 
@@ -1,113 +1,117 @@
1
- :is(.head-tRBRIb, .byline-roles-list-head) {
2
- align-items: center;
3
- gap: .75rem;
4
- padding-top: 2px;
5
- padding-bottom: 2px;
6
- display: flex;
7
- }
1
+ @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
2
+
3
+ @layer byline-components.cms {
4
+ :is(.head-tRBRIb, .byline-roles-list-head) {
5
+ align-items: center;
6
+ gap: .75rem;
7
+ padding-top: 2px;
8
+ padding-bottom: 2px;
9
+ display: flex;
10
+ }
8
11
 
9
- :is(.title-ilh9WE, .byline-roles-list-title) {
10
- margin: 0;
11
- padding-bottom: 2px;
12
- }
12
+ :is(.title-ilh9WE, .byline-roles-list-title) {
13
+ margin: 0;
14
+ padding-bottom: 2px;
15
+ }
13
16
 
14
- :is(.stats-VFYS9x, .byline-roles-list-stats) {
15
- white-space: nowrap;
16
- background-color: var(--gray-25);
17
- border: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
18
- border-radius: .375rem;
19
- justify-content: center;
20
- align-items: center;
21
- min-width: 28px;
22
- height: 28px;
23
- margin-bottom: -4px;
24
- margin-right: auto;
25
- padding: 5px 6px;
26
- font-size: .875rem;
27
- line-height: 0;
28
- display: flex;
29
- }
17
+ :is(.stats-VFYS9x, .byline-roles-list-stats) {
18
+ white-space: nowrap;
19
+ background-color: var(--gray-25);
20
+ border: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
21
+ border-radius: .375rem;
22
+ justify-content: center;
23
+ align-items: center;
24
+ min-width: 28px;
25
+ height: 28px;
26
+ margin-bottom: -4px;
27
+ margin-right: auto;
28
+ padding: 5px 6px;
29
+ font-size: .875rem;
30
+ line-height: 0;
31
+ display: flex;
32
+ }
30
33
 
31
- :is(:is([data-theme="dark"], .dark) .stats-VFYS9x, :is([data-theme="dark"], .dark) .byline-roles-list-stats) {
32
- background-color: var(--canvas-700);
33
- }
34
+ :is(:is([data-theme="dark"], .dark) .stats-VFYS9x, :is([data-theme="dark"], .dark) .byline-roles-list-stats) {
35
+ background-color: var(--canvas-700);
36
+ }
34
37
 
35
- :is(.empty-XuyCPn, .byline-roles-list-empty) {
36
- caption-side: bottom;
37
- text-align: center;
38
- margin-top: 6vh;
39
- }
38
+ :is(.empty-XuyCPn, .byline-roles-list-empty) {
39
+ caption-side: bottom;
40
+ text-align: center;
41
+ margin-top: 6vh;
42
+ }
40
43
 
41
- :is(.grip-rc06aa, .byline-roles-list-grip) {
42
- cursor: grab;
43
- }
44
+ :is(.grip-rc06aa, .byline-roles-list-grip) {
45
+ cursor: grab;
46
+ }
44
47
 
45
- :is(.notSet-HnK_cm, .byline-roles-list-not-set) {
46
- font-style: italic;
47
- }
48
+ :is(.notSet-HnK_cm, .byline-roles-list-not-set) {
49
+ font-style: italic;
50
+ }
48
51
 
49
- :is(.padRow-WexdIw, .byline-roles-list-pad-row) {
50
- border: 0;
51
- height: 32px;
52
- }
52
+ :is(.padRow-WexdIw, .byline-roles-list-pad-row) {
53
+ border: 0;
54
+ height: 32px;
55
+ }
53
56
 
54
- :is(.tableWrap-DszpnZ, .byline-roles-list-table-wrap) {
55
- margin-top: .5rem;
56
- margin-bottom: .75rem;
57
- }
57
+ :is(.tableWrap-DszpnZ, .byline-roles-list-table-wrap) {
58
+ margin-top: .5rem;
59
+ margin-bottom: .75rem;
60
+ }
58
61
 
59
- :is(.colDrag-PIiXbG, .byline-roles-list-col-drag) {
60
- width: 2%;
61
- padding: .5rem;
62
- }
62
+ :is(.colDrag-PIiXbG, .byline-roles-list-col-drag) {
63
+ width: 2%;
64
+ padding: .5rem;
65
+ }
63
66
 
64
- :is(.colName-iPo5OD, .byline-roles-list-col-name), :is(.colMachine-ziA8MI, .byline-roles-list-col-machine) {
65
- width: 20%;
66
- }
67
+ :is(.colName-iPo5OD, .byline-roles-list-col-name), :is(.colMachine-ziA8MI, .byline-roles-list-col-machine) {
68
+ width: 20%;
69
+ }
67
70
 
68
- :is(.colDescription-IBoY_U, .byline-roles-list-col-description) {
69
- width: 40%;
70
- }
71
+ :is(.colDescription-IBoY_U, .byline-roles-list-col-description) {
72
+ width: 40%;
73
+ }
71
74
 
72
- :is(.colCreated-brEUbj, .byline-roles-list-col-created) {
73
- text-align: right;
74
- width: 18%;
75
- }
75
+ :is(.colCreated-brEUbj, .byline-roles-list-col-created) {
76
+ text-align: right;
77
+ width: 18%;
78
+ }
76
79
 
77
- :is(.gripCell-HaqEID, .byline-roles-list-grip-cell) {
78
- width: 2%;
79
- }
80
+ :is(.gripCell-HaqEID, .byline-roles-list-grip-cell) {
81
+ width: 2%;
82
+ }
80
83
 
81
- :is(.cellRight-dtJUMm, .byline-roles-list-cell-right) {
82
- text-align: right;
83
- }
84
+ :is(.cellRight-dtJUMm, .byline-roles-list-cell-right) {
85
+ text-align: right;
86
+ }
84
87
 
85
- :is(.save-m3M58Y, .byline-roles-list-save) {
86
- padding-top: .25rem;
87
- padding-bottom: .25rem;
88
- padding-right: .25rem;
89
- }
88
+ :is(.save-m3M58Y, .byline-roles-list-save) {
89
+ padding-top: .25rem;
90
+ padding-bottom: .25rem;
91
+ padding-right: .25rem;
92
+ }
90
93
 
91
- :is(.saveForm-T5QwcC, .byline-roles-list-save-form) {
92
- flex-direction: column;
93
- width: 100%;
94
- display: flex;
95
- }
94
+ :is(.saveForm-T5QwcC, .byline-roles-list-save-form) {
95
+ flex-direction: column;
96
+ width: 100%;
97
+ display: flex;
98
+ }
96
99
 
97
- :is(.saveActions-rLzw8I, .byline-roles-list-save-actions) {
98
- justify-content: flex-end;
99
- gap: .5rem;
100
- display: flex;
101
- }
100
+ :is(.saveActions-rLzw8I, .byline-roles-list-save-actions) {
101
+ justify-content: flex-end;
102
+ gap: .5rem;
103
+ display: flex;
104
+ }
102
105
 
103
- :is(.drawerScroll-faHlwB, .byline-roles-list-drawer-scroll) {
104
- max-height: calc(100vh - 160px);
105
- overflow-y: auto;
106
- }
106
+ :is(.drawerScroll-faHlwB, .byline-roles-list-drawer-scroll) {
107
+ max-height: calc(100vh - 160px);
108
+ overflow-y: auto;
109
+ }
107
110
 
108
- @media (min-width: 48rem) {
109
- :is(.drawer-Ipy39E, .byline-roles-list-drawer) {
110
- width: 600px;
111
+ @media (min-width: 48rem) {
112
+ :is(.drawer-Ipy39E, .byline-roles-list-drawer) {
113
+ width: 600px;
114
+ }
111
115
  }
112
116
  }
113
117