[CORL-158] Open/Close stream inside of configure tab (#2223)

* feat: Open or Close stream inside of configure tab

* feat: default disable/close commenting message

* fix: adjusted tests
This commit is contained in:
Kiwi
2019-03-19 18:30:44 +01:00
committed by GitHub
parent 5a7340ac3a
commit 41db413bea
34 changed files with 783 additions and 208 deletions
@@ -137,6 +137,23 @@
margin-left: calc(2 * var(--spacing-unit)) !important;
}
}
&:not(.directionColumn).tripleItemGutter {
&:not(:empty) {
margin-top: calc(-3 * var(--spacing-unit)) !important;
}
& > * {
margin-top: calc(3 * var(--spacing-unit)) !important;
}
}
&.directionColumn.tripleItemGutter {
&:not(:empty) {
margin-left: calc(-3 * var(--spacing-unit)) !important;
}
&.tripleItemGutter > * {
margin-left: calc(3 * var(--spacing-unit)) !important;
}
}
}
.justifyFlexStart {
+2 -1
View File
@@ -25,7 +25,7 @@ interface Props {
| "space-evenly";
alignItems?: "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
direction?: "row" | "column" | "row-reverse" | "column-reverse";
itemGutter?: boolean | "half" | "double";
itemGutter?: boolean | "half" | "double" | "triple";
className?: string;
wrap?: boolean | "reverse";
@@ -51,6 +51,7 @@ const Flex: StatelessComponent<Props> = props => {
[classes.itemGutter]: itemGutter === true,
[classes.halfItemGutter]: itemGutter === "half",
[classes.doubleItemGutter]: itemGutter === "double",
[classes.tripleItemGutter]: itemGutter === "triple",
[classes.wrap]: wrap === true,
[classes.wrapReverse]: wrap === "reverse",
};
@@ -36,3 +36,11 @@
margin: 0 !important;
}
}
.triple {
& > * {
margin: 0 0 calc(3 * var(--spacing-unit)) 0 !important;
}
& > *:last-child {
margin: 0 !important;
}
}
@@ -13,7 +13,7 @@ interface Props extends HTMLAttributes<HTMLSpanElement> {
*/
classes: typeof styles;
size?: "half" | "full" | "double" | "oneAndAHalf";
size?: "half" | "full" | "double" | "triple" | "oneAndAHalf";
/** The name of the HorizontalGutter to render */
children?: React.ReactNode;