mirror of
https://github.com/wassname/talk.git
synced 2026-08-18 12:30:39 +08:00
[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:
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user