Skip to content

Commit aa474f7

Browse files
Siddhi-sahuSiddhi-sahu
authored
Merge branch 'master' into blog/meet-the-maintainer-aabid-sofi
2 parents 9bfb470 + 84f0d59 commit aa474f7

13 files changed

Lines changed: 1286 additions & 161 deletions

File tree

‎.github/workflows/broken-link-checker.yaml‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
name: Broken Link Checker
2+
3+
on:
4+
pull_request:
5+
types: [opened, synchronize, reopened]
6+
7+
jobs:
8+
link-check:
9+
runs-on: ubuntu-latest
10+
steps:
11+
- name: Checkout code
12+
uses: actions/checkout@master
13+
14+
- name: Broken Link Check
15+
uses: technote-space/broken-link-checker-action@v2
16+
with:
17+
target: |
18+
./src/**/*.md
19+
./src/**/*.html
20+
./src/**/*.js

‎src/components/SistentNavigation/content.js‎

Lines changed: 42 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -42,49 +42,57 @@ export const content = [
4242
{ id: 29, link: "/projects/sistent/components/container/guidance", text: "Container" },
4343
{ id: 30, link: "/projects/sistent/components/container/code", text: "Container" },
4444

45-
{ id: 31, link: "/projects/sistent/components/icons", text: "Icons" },
45+
{ id: 31, link: "/projects/sistent/components/dialog", text: "Dialog" },
46+
{ id: 32, link: "/projects/sistent/components/dialog/guidance", text: "Dialog" },
47+
{ id: 33, link: "/projects/sistent/components/dialog/code", text: "Dialog" },
4648

47-
{ id: 32, link: "/projects/sistent/components/link", text: "Link" },
48-
{ id: 33, link: "/projects/sistent/components/link/guidance", text: "Link" },
49-
{ id: 34, link: "/projects/sistent/components/link/code", text: "Link" },
49+
{ id: 34, link: "/projects/sistent/components/icons", text: "Icons" },
5050

51-
{ id: 35, link: "/projects/sistent/components/modal", text: "Modal" },
52-
{ id: 36, link: "/projects/sistent/components/modal/guidance", text: "Modal" },
53-
{ id: 37, link: "/projects/sistent/components/modal/code", text: "Modal" },
51+
{ id: 35, link: "/projects/sistent/components/link", text: "Link" },
52+
{ id: 36, link: "/projects/sistent/components/link/guidance", text: "Link" },
53+
{ id: 37, link: "/projects/sistent/components/link/code", text: "Link" },
5454

55-
{ id: 38, link: "/projects/sistent/components/pagination", text: "Pagination" },
56-
{ id: 39, link: "/projects/sistent/components/pagination/guidance", text: "Pagination" },
57-
{ id: 40, link: "/projects/sistent/components/pagination/code", text: "Pagination" },
55+
{ id: 38, link: "/projects/sistent/components/modal", text: "Modal" },
56+
{ id: 39, link: "/projects/sistent/components/modal/guidance", text: "Modal" },
57+
{ id: 40, link: "/projects/sistent/components/modal/code", text: "Modal" },
5858

59-
{ id: 41, link: "/projects/sistent/components/paper", text: "Paper" },
60-
{ id: 42, link: "/projects/sistent/components/paper/guidance", text: "Paper" },
61-
{ id: 43, link: "/projects/sistent/components/paper/code", text: "Paper" },
59+
{ id: 41, link: "/projects/sistent/components/pagination", text: "Pagination" },
60+
{ id: 42, link: "/projects/sistent/components/pagination/guidance", text: "Pagination" },
61+
{ id: 43, link: "/projects/sistent/components/pagination/code", text: "Pagination" },
6262

63-
{ id: 44, link: "/projects/sistent/components/popper", text: "Popper" },
64-
{ id: 45, link: "/projects/sistent/components/popper/guidance", text: "Popper" },
65-
{ id: 46, link: "/projects/sistent/components/popper/code", text: "Popper" },
63+
{ id: 44, link: "/projects/sistent/components/paper", text: "Paper" },
64+
{ id: 45, link: "/projects/sistent/components/paper/guidance", text: "Paper" },
65+
{ id: 46, link: "/projects/sistent/components/paper/code", text: "Paper" },
6666

67-
{ id: 47, link: "/projects/sistent/components/select", text: "Select" },
68-
{ id: 48, link: "/projects/sistent/components/select/guidance", text: "Select" },
69-
{ id: 49, link: "/projects/sistent/components/select/code", text: "Select" },
67+
{ id: 47, link: "/projects/sistent/components/popper", text: "Popper" },
68+
{ id: 48, link: "/projects/sistent/components/popper/guidance", text: "Popper" },
69+
{ id: 49, link: "/projects/sistent/components/popper/code", text: "Popper" },
7070

71-
{ id: 50, link: "/projects/sistent/components/switch", text: "Switch" },
72-
{ id: 51, link: "/projects/sistent/components/switch/guidance", text: "Switch" },
73-
{ id: 52, link: "/projects/sistent/components/switch/code", text: "Switch" },
71+
{ id: 50, link: "/projects/sistent/components/select", text: "Select" },
72+
{ id: 51, link: "/projects/sistent/components/select/guidance", text: "Select" },
73+
{ id: 52, link: "/projects/sistent/components/select/code", text: "Select" },
7474

75-
{ id: 53, link: "/projects/sistent/components/tabs", text: "Tabs" },
76-
{ id: 54, link: "/projects/sistent/components/tabs/guidance", text: "Tabs" },
77-
{ id: 55, link: "/projects/sistent/components/tabs/code", text: "Tabs" },
75+
{ id: 53, link: "/projects/sistent/components/switch", text: "Switch" },
76+
{ id: 54, link: "/projects/sistent/components/switch/guidance", text: "Switch" },
77+
{ id: 55, link: "/projects/sistent/components/switch/code", text: "Switch" },
7878

79-
{ id: 56, link: "/projects/sistent/components/text-field", text: "Text Field" },
80-
{ id: 57, link: "/projects/sistent/components/text-field/guidance", text: "Text Field" },
81-
{ id: 58, link: "/projects/sistent/components/text-field/code", text: "Text Field" },
79+
{ id: 56, link: "/projects/sistent/components/tabs", text: "Tabs" },
80+
{ id: 57, link: "/projects/sistent/components/tabs/guidance", text: "Tabs" },
81+
{ id: 58, link: "/projects/sistent/components/tabs/code", text: "Tabs" },
8282

83-
{ id: 59, link: "/projects/sistent/components/text-input", text: "Text Input" },
84-
{ id: 60, link: "/projects/sistent/components/text-input/guidance", text: "Text Input" },
85-
{ id: 61, link: "/projects/sistent/components/text-input/code", text: "Text Input" },
83+
{ id: 59, link: "/projects/sistent/components/text-field", text: "Text Field" },
84+
{ id: 60, link: "/projects/sistent/components/text-field/guidance", text: "Text Field" },
85+
{ id: 61, link: "/projects/sistent/components/text-field/code", text: "Text Field" },
8686

87-
{ id: 62, link: "/projects/sistent/components/tooltip", text: "Tooltip" },
88-
{ id: 63, link: "/projects/sistent/components/tooltip/guidance", text: "Tooltip" },
89-
{ id: 64, link: "/projects/sistent/components/tooltip/code", text: "Tooltip" },
87+
{ id: 62, link: "/projects/sistent/components/text-input", text: "Text Input" },
88+
{ id: 63, link: "/projects/sistent/components/text-input/guidance", text: "Text Input" },
89+
{ id: 64, link: "/projects/sistent/components/text-input/code", text: "Text Input" },
90+
91+
{ id: 63, link: "/projects/sistent/components/toolbar", text: "Toolbar" },
92+
{ id: 64, link: "/projects/sistent/components/toolbar/guidance", text: "Toolbar" },
93+
{ id: 65, link: "/projects/sistent/components/toolbar/code", text: "Toolbar" },
94+
95+
{ id: 66, link: "/projects/sistent/components/tooltip", text: "Tooltip" },
96+
{ id: 67, link: "/projects/sistent/components/tooltip/guidance", text: "Tooltip" },
97+
{ id: 68, link: "/projects/sistent/components/tooltip/code", text: "Tooltip" },
9098
];

‎src/sections/Community/Newcomers-guide/NewcomersPageWrapper.style.js‎

Lines changed: 32 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -122,14 +122,17 @@ export const NewcomersGuideWrapper = styled.section`
122122
.community-collage {
123123
text-align: center ;
124124
min-width: 45vmin;
125-
125+
margin-bottom: 1rem;
126126
}
127127
.community-img{
128128
text-align:center;
129129
}
130130
.table-wrapper{
131131
text-align: center;
132132
margin-bottom: 4rem;
133+
h5 {
134+
margin-bottom: 2.5rem;
135+
}
133136
}
134137
.book-container {
135138
display: flex;
@@ -152,13 +155,14 @@ export const NewcomersGuideWrapper = styled.section`
152155
}
153156
154157
.book {
155-
min-width: 200px;
156-
min-height: 300px;
158+
width: 200px;
159+
height: 300px;
157160
position: relative;
158161
transform-style: preserve-3d;
159162
transform: rotateY(-30deg);
160163
transition: 1s ease;
161164
animation: 1s ease 0s 1 initAnimation;
165+
overflow: visible;
162166
}
163167
164168
.book:hover {
@@ -170,10 +174,18 @@ export const NewcomersGuideWrapper = styled.section`
170174
top: 0;
171175
left: 0;
172176
background-color: #171a12;
173-
width: 200px;
174-
height: 300px;
177+
width: 100%;
178+
height: 100%;
175179
transform: translateZ(25px);
176180
border-radius: 0 2px 2px 0;
181+
overflow: visible;
182+
}
183+
184+
.book > :first-child img {
185+
max-width: 100%;
186+
width: 100%;
187+
height: auto;
188+
object-fit: contain;
177189
}
178190
179191
.book::before {
@@ -182,7 +194,7 @@ export const NewcomersGuideWrapper = styled.section`
182194
left: 0;
183195
top: 3px;
184196
width: 48px;
185-
height: 294px;
197+
height: calc(100% - 6px);
186198
transform: translateX(172px) rotateY(90deg);
187199
background: linear-gradient(
188200
90deg,
@@ -215,8 +227,8 @@ export const NewcomersGuideWrapper = styled.section`
215227
top: 0;
216228
left: 0;
217229
content: " ";
218-
width: 200px;
219-
height: 300px;
230+
width: 100%;
231+
height: 100%;
220232
transform: translateZ(-25px);
221233
background-color: #292929;
222234
border-radius: 0 2px 2px 0;
@@ -244,7 +256,19 @@ export const NewcomersGuideWrapper = styled.section`
244256
h2 {
245257
margin-top: -1.5rem;
246258
}
259+
}
260+
/* For "Explore the Meshery Community" section */
261+
.community-collage {
262+
order: 2;
263+
}
264+
/* For "Finding an Issue" section - apply to Col */
265+
.col-finding-an-issue {
266+
order: 2;
267+
}
268+
.col-newcomers-form {
269+
margin-bottom: 1.5rem;
247270
}
271+
}
248272
}
249273
`;
250274

‎src/sections/Community/Newcomers-guide/Tutorials-table/TutorialsTable.style.js‎

Lines changed: 45 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,47 +1,78 @@
11
import styled from "styled-components";
22

33
export const TutorialsTableWrapper = styled.div`
4-
box-shadow:0 2px 16px rgba(0,0,0,0.2);
4+
box-shadow: 0 2px 16px rgba(0,0,0,0.2);
5+
overflow-x: auto;
6+
-webkit-overflow-scrolling: touch;
57
6-
table{
7-
display: table;
8+
table {
89
width: 100%;
9-
height: auto;
10+
min-width: 600px;
1011
border-collapse: collapse;
11-
margin: 3.75rem auto;
12+
margin: 0 auto 2rem auto;
13+
14+
@media (max-width: 375px) {
15+
margin: 0.5rem auto;
16+
}
17+
1218
th {
1319
color: white;
20+
background-color: ${props => props.theme.secondaryColor};
1421
}
22+
1523
th, tr {
16-
height: 3.75rem;
24+
height: 3rem;
1725
vertical-align: middle;
18-
transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
26+
27+
@media (max-width: 375px) {
28+
height: 2.5rem;
29+
}
1930
}
31+
2032
tr:nth-child(odd) {
2133
background-color: ${props => props.theme.grey212121ToWhite};
2234
}
23-
th {
24-
background-color: ${props => props.theme.secondaryColor};
25-
}
35+
2636
th, td {
2737
border-bottom: 1px solid #F0F0F0;
2838
padding: 0 0.625rem;
29-
p{
30-
margin: 0.5rem 0;
39+
40+
@media (max-width: 375px) {
41+
padding: 0 0.375rem;
3142
}
43+
44+
p {
45+
margin: 0.25rem 0;
46+
}
47+
3248
span {
3349
display: block;
3450
}
3551
}
36-
}
37-
.newBadge {
52+
}
53+
54+
.newBadge {
3855
display: flex;
3956
align-items: center;
4057
justify-content: center;
4158
gap: 6px;
59+
4260
img {
4361
height: 26px;
4462
width: auto;
63+
64+
@media (max-width: 375px) {
65+
height: 20px;
66+
}
4567
}
4668
}
69+
70+
&::-webkit-scrollbar {
71+
height: 8px;
72+
}
73+
74+
&::-webkit-scrollbar-thumb {
75+
background: ${props => props.theme.secondaryColor};
76+
border-radius: 4px;
77+
}
4778
`;

‎src/sections/Community/Newcomers-guide/index.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -82,10 +82,10 @@ const NewcomersGuide = () => {
8282
<h3>Fill in the Community Member Form</h3>
8383
<p>Help us get to know you, so that we can highlight projects and initiatives that align with your interests. Fill-in a community member form. Gain access to community resources.</p>
8484
</Col>
85-
<Col $sm={12} $lg={6}>
85+
<Col $sm={12} $lg={6} className="col-newcomers-form">
8686
<Button $primary className="newcomers-form" title="Submit a Member Form" $url="/newcomer" $external={false} />
8787
</Col>
88-
<Col $sm={12} $lg={6}>
88+
<Col $sm={12} $lg={6} className="col-finding-an-issue">
8989
<div className="finding-an-issue">
9090
<StaticImage src={CommunityImage2} alt="Five Working Image" />
9191
</div>

‎src/sections/Projects/Sistent/components/content.js‎

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -179,7 +179,15 @@ const componentsData = [
179179
description: "A badge is a small component that displays a number or status indicator, often used to show notifications or messages.",
180180
url: "/projects/sistent/components/badge",
181181
src: "/badge",
182-
}
182+
},
183+
{
184+
id: 24,
185+
name: "Toolbar",
186+
description:
187+
"The toolbar is a horizontal container for grouping interactive elements like buttons, filters, or navigation controls, typically placed at the top of a UI section.",
188+
url: "/projects/sistent/components/toolbar",
189+
src: "/toolbar",
190+
},
183191
];
184192

185193
module.exports = { componentsData };

‎src/sections/Projects/Sistent/components/dialog/code.js‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -162,15 +162,15 @@ const DialogCode = () => {
162162
<div className="showcase">
163163
<div className="items">
164164
<SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
165-
<Button onClick={handleOpen}>Open Dialog</Button>
165+
<Button variant="contained" onClick={handleOpen}>Open Dialog</Button>
166166
<Dialog open={open} onClose={handleClose}>
167167
<DialogTitle>Confirm Action</DialogTitle>
168168
<DialogContent>
169169
Do you want to proceed with this action?
170170
</DialogContent>
171171
<DialogActions>
172-
<Button onClick={handleClose}>Cancel</Button>
173-
<Button color="primary" onClick={handleClose}>
172+
<Button variant="contained" onClick={handleClose}>Cancel</Button>
173+
<Button variant="contained" color="primary" onClick={handleClose}>
174174
Confirm
175175
</Button>
176176
</DialogActions>
@@ -190,7 +190,7 @@ const DialogCode = () => {
190190
<div className="showcase">
191191
<div className="items">
192192
<SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
193-
<Button onClick={() => setOpenFull(true)}>
193+
<Button variant="contained" onClick={() => setOpenFull(true)}>
194194
Open Full-Screen Dialog
195195
</Button>
196196
<Dialog
@@ -206,9 +206,9 @@ const DialogCode = () => {
206206
full attention is needed for complex tasks or on mobile devices.
207207
</p>
208208
</DialogContent>
209-
<DialogActions>
210-
<Button onClick={() => setOpenFull(false)}>Cancel</Button>
211-
<Button color="primary" onClick={() => setOpenFull(false)}>
209+
<DialogActions style={{ justifyContent: "flex-start", paddingLeft: "24px" }}>
210+
<Button variant="contained" onClick={() => setOpenFull(false)}>Cancel</Button>
211+
<Button variant="contained" color="primary" onClick={() => setOpenFull(false)}>
212212
Save
213213
</Button>
214214
</DialogActions>
@@ -228,7 +228,7 @@ const DialogCode = () => {
228228
<div className="showcase">
229229
<div className="items">
230230
<SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
231-
<Button onClick={() => setOpenForm(true)}>
231+
<Button variant="contained" onClick={() => setOpenForm(true)}>
232232
Open Form Dialog
233233
</Button>
234234
<Dialog open={openForm} onClose={() => setOpenForm(false)}>
@@ -250,8 +250,8 @@ const DialogCode = () => {
250250
</div>
251251
</DialogContent>
252252
<DialogActions>
253-
<Button onClick={() => setOpenForm(false)}>Cancel</Button>
254-
<Button color="primary" onClick={() => setOpenForm(false)}>
253+
<Button variant="contained" onClick={() => setOpenForm(false)}>Cancel</Button>
254+
<Button variant="contained" color="primary" onClick={() => setOpenForm(false)}>
255255
Subscribe
256256
</Button>
257257
</DialogActions>

0 commit comments

Comments
 (0)