Skip to content
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

Jump to bottom

WIP: Coming soon & fix tests errors (css and js) #400

Merged
merged 10 commits into from
Dec 21, 2021
Merged

WIP: Coming soon & fix tests errors (css and js) #400

Show file tree
Hide file tree
Changes from 7 commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
3f46710
coming soon foundation pages
Dec 20, 2021
c1317fa
fix imports
Dec 20, 2021
4d0d1f5
fix tests
Dec 20, 2021
399f5bf
fix css and js tests error
Dec 20, 2021
3262400
fix css and js tests error
Dec 20, 2021
ab96999
fix css and js tests error
Dec 20, 2021
61963d7
fix css and js tests error
Dec 21, 2021
11f8448
fix css and js tests error
Dec 21, 2021
19a1ab3
fix css and js tests error
Dec 21, 2021
e6bd6ea
fix css and js tests error
Dec 21, 2021
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
121 changes: 0 additions & 121 deletions ...ponents/Accordion/Accordion/__tests__/__snapshots__/accordion-snapshot-tests.jest.js.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,126 +1,5 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Accordion renders correctly with accordion items 1`] = `
<div
className="accordion"
>
<div
className="accordion-item"
>
<div
className="expand-collapse--wrapper"
id=""
>
<div
className="expand-collapse"
>
<button
aria-controls="-controls"
aria-expanded={false}
className="expand-collapse__header expand-collapse__section"
onClickCapture={[Function]}
type="button"
>
<svg
aria-hidden={true}
className="icon_component animate-icon-close"
fill="currentColor"
height="24"
onClick={[Function]}
tabIndex="-1"
viewBox="0 0 20 20"
width="24"
>
<path
clipRule="evenodd"
d="M10.5303 12.5303L10 12L9.46967 12.5303C9.76256 12.8232 10.2374 12.8232 10.5303 12.5303ZM10 10.9393L6.53033 7.46967C6.23744 7.17678 5.76256 7.17678 5.46967 7.46967C5.17678 7.76256 5.17678 8.23744 5.46967 8.53033L9.46967 12.5303L10 12L10.5303 12.5303L14.5303 8.53033C14.8232 8.23744 14.8232 7.76256 14.5303 7.46967C14.2374 7.17678 13.7626 7.17678 13.4697 7.46967L10 10.9393Z"
fill="currentColor"
fillRule="evenodd"
/>
</svg>
</button>
</div>
</div>
</div>
<div
className="accordion-item"
>
<div
className="expand-collapse--wrapper"
id=""
>
<div
className="expand-collapse"
>
<button
aria-controls="-controls"
aria-expanded={false}
className="expand-collapse__header expand-collapse__section"
onClickCapture={[Function]}
type="button"
>
<svg
aria-hidden={true}
className="icon_component animate-icon-close"
fill="currentColor"
height="24"
onClick={[Function]}
tabIndex="-1"
viewBox="0 0 20 20"
width="24"
>
<path
clipRule="evenodd"
d="M10.5303 12.5303L10 12L9.46967 12.5303C9.76256 12.8232 10.2374 12.8232 10.5303 12.5303ZM10 10.9393L6.53033 7.46967C6.23744 7.17678 5.76256 7.17678 5.46967 7.46967C5.17678 7.76256 5.17678 8.23744 5.46967 8.53033L9.46967 12.5303L10 12L10.5303 12.5303L14.5303 8.53033C14.8232 8.23744 14.8232 7.76256 14.5303 7.46967C14.2374 7.17678 13.7626 7.17678 13.4697 7.46967L10 10.9393Z"
fill="currentColor"
fillRule="evenodd"
/>
</svg>
</button>
</div>
</div>
</div>
<div
className="accordion-item"
>
<div
className="expand-collapse--wrapper"
id=""
>
<div
className="expand-collapse"
>
<button
aria-controls="-controls"
aria-expanded={false}
className="expand-collapse__header expand-collapse__section"
onClickCapture={[Function]}
type="button"
>
<svg
aria-hidden={true}
className="icon_component animate-icon-close"
fill="currentColor"
height="24"
onClick={[Function]}
tabIndex="-1"
viewBox="0 0 20 20"
width="24"
>
<path
clipRule="evenodd"
d="M10.5303 12.5303L10 12L9.46967 12.5303C9.76256 12.8232 10.2374 12.8232 10.5303 12.5303ZM10 10.9393L6.53033 7.46967C6.23744 7.17678 5.76256 7.17678 5.46967 7.46967C5.17678 7.76256 5.17678 8.23744 5.46967 8.53033L9.46967 12.5303L10 12L10.5303 12.5303L14.5303 8.53033C14.8232 8.23744 14.8232 7.76256 14.5303 7.46967C14.2374 7.17678 13.7626 7.17678 13.4697 7.46967L10 10.9393Z"
fill="currentColor"
fillRule="evenodd"
/>
</svg>
</button>
</div>
</div>
</div>
</div>
`;

exports[`Accordion renders correctly with allowMultiple 1`] = `
<div
className="accordion"
Expand Down
20 changes: 10 additions & 10 deletions src/components/Avatar/__stories__/avatar.stories.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,14 @@
.monday-style-story-avatar {
&_multiplue {
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

es lint order errors

display: flex;
align-items: center;
justify-content: center;
padding: 10px 20px 10px 20px;
.monday-style-avatar {
margin: -8px;
}
}

&_multiplue-reverse {
display: flex;
align-items: flex-start;
Expand All @@ -13,14 +23,4 @@
}
}
}

&_multiplue {
display: flex;
align-items: center;
justify-content: center;
padding: 10px 20px 10px 20px;
.monday-style-avatar {
margin: -8px;
}
}
}
15 changes: 8 additions & 7 deletions src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,6 @@
display: flex;
border-radius: 4px;

&.selected-color {
.color-item {
border: 2px solid var(--primary-color);
}
}
.color-item {
display: flex;
justify-content: center;
Expand All @@ -24,18 +19,24 @@
width: 24px;
height: 24px;
}

&.color-item-size-medium {
width: 32px;
height: 32px;
}

&.color-item-size-large {
width: 40px;
height: 40px;
}
}

&.selected-color {
.color-item {
border: 2px solid var(--primary-color);
}
}

.color-item-text-mode:hover {
background-color: var(--primary-background-hover-color) !important;
}
Expand Down
1 change: 0 additions & 1 deletion src/components/Dropdown/components/menu/menu.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@
0% {
opacity: 0;
z-index: -10000;
transform: translateY(-75px);
transform: translateY(var(--dropdown-menu-fadinY, -75px));
}
100% {
Expand Down
50 changes: 25 additions & 25 deletions src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,31 @@
text-indent: 0;
list-style-type: none;

&__text-container {
display: flex;
flex-direction: column;
align-items: center;
margin-left: 16px;

&__title {
width: 100%;
.visually-hidden {
display: none;
}

&__text {
@include font-paragraph();
@include theme-prop(color, primary-text-color);
}
}

&__subtitle__text {
width: 100%;
font-size: $font-size-default;
@include theme-prop(color, disabled-text-color);
}
}

&--text-placement-vertical {
margin: 8px;
flex-direction: column;
Expand Down Expand Up @@ -93,31 +118,6 @@
}
}

&__text-container {
display: flex;
flex-direction: column;
align-items: center;
margin-left: 16px;

&__title {
width: 100%;
.visually-hidden {
display: none;
}

&__text {
@include font-paragraph();
@include theme-prop(color, primary-text-color);
}
}

&__subtitle__text {
width: 100%;
font-size: $font-size-default;
@include theme-prop(color, disabled-text-color);
}
}

&--type {
&-primary {
&__number-container {
Expand Down
28 changes: 14 additions & 14 deletions src/components/Tabs/TabList/TabList.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,20 +4,6 @@
.tabs--wrapper {
padding-bottom: 20px;

&.disabled {
opacity: 0;
height: 0;
padding-bottom: 5px;
pointer-events: none;
.tabs-list {
.tab--wrapper {
.tab-inner:hover {
cursor: default;
}
}
}
}

.tabs-list {
display: flex;
flex-direction: row;
Expand Down Expand Up @@ -49,4 +35,18 @@
}
}
}

&.disabled {
opacity: 0;
height: 0;
padding-bottom: 5px;
pointer-events: none;
.tabs-list {
.tab--wrapper {
.tab-inner:hover {
cursor: default;
}
}
}
}
}
10 changes: 5 additions & 5 deletions src/components/Tabs/__stories__/tabs.overview.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
import Tab from "../Tab/Tab.jsx";
import TabList from "../TabList/TabList.jsx";
import TabPanel from "../TabPanel/TabPanel.jsx";
import TabPanels from "../TabPanels/TabPanels.jsx";
import TabsContext from "../TabsContext/TabsContext.jsx";
import Tab from "../Tab/Tab";
import TabList from "../TabList/TabList";
import TabPanel from "../TabPanel/TabPanel";
import TabPanels from "../TabPanels/TabPanels";
import TabsContext from "../TabsContext/TabsContext";

export const tabsTemplate = ({ className, ...otherArgs }) => {
return (
Expand Down
Loading