@@ -54,7 +54,7 @@ export function ProductionBoardKanbanComponent({
|
|||||||
|
|
||||||
const [isMoving, setIsMoving] = useState(false);
|
const [isMoving, setIsMoving] = useState(false);
|
||||||
|
|
||||||
const [orientation, setOrientation] = useState("vertical");
|
const [orientation, setOrientation] = useState("horizontal");
|
||||||
|
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
|
|
||||||
|
|||||||
@@ -192,7 +192,7 @@ class Lane extends Component {
|
|||||||
return (
|
return (
|
||||||
<components.ScrollableLane ref={this.laneDidMount} isDraggingOver={isDraggingOver}>
|
<components.ScrollableLane ref={this.laneDidMount} isDraggingOver={isDraggingOver}>
|
||||||
<Container
|
<Container
|
||||||
// orientation={orientation === "horizontal" ? "vertical" : "horizontal"}
|
orientation={orientation === "horizontal" ? "vertical" : "horizontal"}
|
||||||
groupName={this.groupName}
|
groupName={this.groupName}
|
||||||
dragClass={cardDragClass}
|
dragClass={cardDragClass}
|
||||||
dropClass={cardDropClass}
|
dropClass={cardDropClass}
|
||||||
|
|||||||
@@ -66,7 +66,9 @@ export const GlobalStyleVertical = createGlobalStyle`
|
|||||||
-webkit-user-modify: read-write-plaintext-only;
|
-webkit-user-modify: read-write-plaintext-only;
|
||||||
cursor: text;
|
cursor: text;
|
||||||
}
|
}
|
||||||
|
.smooth-dnd-container.horizontal {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
.comPlainTextContentEditable--has-placeholder::before {
|
.comPlainTextContentEditable--has-placeholder::before {
|
||||||
content: attr(placeholder);
|
content: attr(placeholder);
|
||||||
@@ -101,12 +103,7 @@ export const GlobalStyleVertical = createGlobalStyle`
|
|||||||
.smooth-dnd-container {
|
.smooth-dnd-container {
|
||||||
//min-height: 100px; // Not needed, just for extra landing space
|
//min-height: 100px; // Not needed, just for extra landing space
|
||||||
}
|
}
|
||||||
|
|
||||||
.smooth-dnd-container.horizontal {
|
|
||||||
white-space: break-spaces;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-trello-lane {
|
.react-trello-lane {
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #ccc;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
|||||||
Reference in New Issue
Block a user