Skip to content

Commit 819ea11

Browse files
amol-anandamol-anand
authored
Merge pull request #220 from adobe/schedule
Schedule Publish App
2 parents f25ce57 + 6dda3e7 commit 819ea11

2 files changed

Lines changed: 559 additions & 0 deletions

File tree

‎nx/blocks/scheduler/scheduler.css‎

Lines changed: 158 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,158 @@
1+
:host {
2+
display: block;
3+
max-width: var(--grid-container-width);
4+
margin: var(--spacing-800) auto;
5+
6+
h1 {
7+
line-height: 1;
8+
margin-bottom: 12px;
9+
}
10+
11+
nx-path {
12+
display: block;
13+
margin-bottom: 16px;
14+
}
15+
16+
p {
17+
margin: 0;
18+
}
19+
}
20+
21+
.scheduler-header {
22+
margin-bottom: 16px;
23+
}
24+
25+
.nx-alert {
26+
border: 2px solid var(--s2-gray-300);
27+
border-radius: 8px;
28+
background: var(--s2-gray-100);
29+
color: var(--s2-gray-900);
30+
margin-bottom: 16px;
31+
padding: 10px 12px;
32+
33+
p {
34+
margin: 0;
35+
}
36+
}
37+
38+
.nx-alert.warning {
39+
border-color: var(--s2-orange-500);
40+
background: var(--s2-orange-100);
41+
}
42+
43+
.nx-alert.success {
44+
border-color: var(--s2-green-700);
45+
background: var(--s2-green-100);
46+
}
47+
48+
.status-card {
49+
border: 2px solid var(--s2-gray-300);
50+
border-radius: 8px;
51+
padding: 16px;
52+
margin-bottom: 16px;
53+
display: grid;
54+
gap: 8px;
55+
}
56+
57+
.status-actions {
58+
display: flex;
59+
gap: 8px;
60+
align-items: center;
61+
}
62+
63+
.status-note {
64+
margin: 0;
65+
font-size: 12px;
66+
font-style: italic;
67+
color: var(--s2-gray-700);
68+
}
69+
70+
.status-note a {
71+
color: var(--s2-blue-700);
72+
text-decoration: underline;
73+
cursor: pointer;
74+
}
75+
76+
.schedule-list {
77+
border: 2px solid var(--s2-gray-300);
78+
border-radius: 8px;
79+
margin-bottom: 16px;
80+
overflow: hidden;
81+
}
82+
83+
.schedule-list-header,
84+
.schedule-row {
85+
display: grid;
86+
grid-template-columns: 0.6fr 1.2fr 1.2fr 1.2fr 0.8fr;
87+
gap: 12px;
88+
padding: 10px 12px;
89+
align-items: center;
90+
}
91+
92+
.schedule-list-header {
93+
background: var(--s2-gray-200);
94+
font-weight: 700;
95+
font-size: 14px;
96+
text-transform: uppercase;
97+
}
98+
99+
.schedule-row {
100+
border-top: 1px solid var(--s2-gray-300);
101+
}
102+
103+
.schedule-row .item-id {
104+
overflow-wrap: break-word;
105+
}
106+
107+
.schedule-row .duration {
108+
display: block;
109+
font-size: 12px;
110+
color: var(--s2-gray-700);
111+
}
112+
113+
.schedule-row .scheduled-by {
114+
font-size: 13px;
115+
overflow-wrap: break-word;
116+
}
117+
118+
.schedule-row .meta {
119+
display: inline-block;
120+
margin-left: 8px;
121+
font-size: 12px;
122+
color: var(--s2-gray-700);
123+
}
124+
125+
.api-key-box {
126+
border: 1px solid var(--s2-gray-300);
127+
border-radius: 8px;
128+
background: var(--s2-gray-100);
129+
padding: 16px;
130+
display: grid;
131+
gap: 12px;
132+
}
133+
134+
.api-key-box code {
135+
word-break: break-all;
136+
white-space: pre-wrap;
137+
}
138+
139+
@media (width <= 900px) {
140+
.status-actions {
141+
flex-direction: column;
142+
align-items: flex-start;
143+
}
144+
145+
.schedule-list-header,
146+
.schedule-row {
147+
grid-template-columns: 1fr;
148+
gap: 6px;
149+
}
150+
151+
.schedule-list-header {
152+
display: none;
153+
}
154+
155+
.schedule-row {
156+
padding: 12px;
157+
}
158+
}

0 commit comments

Comments
 (0)