Skip to content

chore(site): ui-playground integration for tabs component #2209

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ala-n merged 20 commits into from
Mar 12, 2024
Merged

chore(site): ui-playground integration for tabs component #2209

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
cfb62ae
chore(site): ui-playground integration for tabs component, basic conf…
yadamskaya Jan 31, 2024
63f75fa
chore(site): add alignment options for tabs
yadamskaya Feb 1, 2024
a163f32
Merge remote-tracking branch 'origin/main' into uip-tabs
yadamskaya Feb 1, 2024
41a115d
Merge remote-tracking branch 'origin/main' into uip-tabs
yadamskaya Feb 6, 2024
bdee339
chore(site): add uip isolation for tabs
yadamskaya Feb 6, 2024
fa305f4
chore(site): update lib styles and scripts for isolated uip with tabs
yadamskaya Feb 8, 2024
0380efb
Merge remote-tracking branch 'origin/main' into uip-tabs
yadamskaya Feb 8, 2024
583f7e2
refactor(gh-pages): create body.less to separate styles from ui playg…
yadamskaya Feb 12, 2024
6511ce8
Merge remote-tracking branch 'origin/main' into uip-tabs
yadamskaya Feb 19, 2024
7d471ce
chore: add margin top helper
yadamskaya Feb 19, 2024
216bd89
chore(site): add multiple tabs snippet with scroll
yadamskaya Feb 19, 2024
d840995
chore(site): add select setting for scrollable mode
yadamskaya Feb 20, 2024
bad70aa
chore(site): update select setting for scrollable mode
yadamskaya Feb 21, 2024
30b356e
chore(site): update uip to 2.0.1-beta.1
yadamskaya Feb 22, 2024
1def46f
Merge branch 'main' into uip-tabs
ala-n Feb 26, 2024
4e656d5
Merge branch 'main' into uip-tabs
ala-n Feb 26, 2024
03d32a0
Merge branch 'main' of github.com:exadel-inc/esl into uip-tabs
ala-n Mar 8, 2024
3043c5e
chore(site): update tabs demo (no uip update required)
ala-n Mar 8, 2024
0229092
chore(site): update alert info message
yadamskaya Mar 12, 2024
2f69da6
Merge remote-tracking branch 'origin/main' into uip-tabs
yadamskaya Mar 12, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion site/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@
"@11ty/eleventy": "^2.0.1",
"@11ty/eleventy-dev-server": "^1.0.4",
"@exadel/esl": "../",
"@exadel/ui-playground": "2.0.0-beta.12",
"@exadel/ui-playground": "2.0.1-beta.1",
"@juggle/resize-observer": "^3.4.0",
"@types/prismjs": "^1.26.3",
"@types/smoothscroll-polyfill": "^0.3.4",
Expand Down
6 changes: 6 additions & 0 deletions site/src/common/body.less
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
@import (reference) '../common/variables.less';

body {
color: @body-fg;
background: @body-bg;
}
16 changes: 16 additions & 0 deletions site/src/common/helpers.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -50,6 +50,22 @@
}
}

// Margin-top
.mt {
&-0 {
margin-top: 0 !important;
}
&-1 {
margin-top: 0.5rem !important;
}
&-2 {
margin-top: 1rem !important;
}
&-4 {
margin-top: 2rem !important;
}
}

// Margin-bottom
.mb {
&-0 {
Expand Down
11 changes: 8 additions & 3 deletions site/src/common/tabs.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,7 @@
.esl-d-tab-group {
&,
& > .esl-d-tab-panel {
border-bottom-left-radius: calc(0.5rem - 1px);
border-bottom-right-radius: calc(0.5rem - 1px);
border-radius: calc(0.5rem - 1px);
}

& > .esl-d-accordion-header {
Expand All @@ -29,14 +28,20 @@
> .esl-d-tab-group > .esl-d-tab-panel {
background: #fff;
border: 1px solid @secondary-blue;
border-top: none;

margin-bottom: 0.5rem;
}

> .esl-d-tab-group > .esl-d-accordion-header {
display: block;
background: #fff;
border: 1px solid @secondary-blue;

& + .esl-d-tab-panel {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
}

Expand Down
5 changes: 0 additions & 5 deletions site/src/common/typography.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,11 +7,6 @@ html {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
color: @body-fg;
background: @body-bg;
}

p {
margin-top: 0;
margin-bottom: 1rem;
Expand Down
1 change: 1 addition & 0 deletions site/src/localdev.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
@import './common/colors.less';
@import './common/markdown.less';

@import './common/body.less';
@import './common/accent-lines.less';
@import './common/accordion.less';
@import './common/alert.less';
Expand Down
4 changes: 3 additions & 1 deletion site/src/playground/ui-playground.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,9 @@ UIPRenderingTemplatesService.add('default', `
<link rel="stylesheet" href="/bundles/lib.css">
<script type="module">{script}</script>
</head>
<body>{content}</body>
<body style="overflow: hidden;">
<div uip-content-root>{content}</div>
</body>
</html>
`);

Expand Down
Loading