The task information now has a scroll when overflowing.

RaayNoff · Sep 4, 2022 · 37e94a0 · 37e94a0
1 parent 534baeb
commit 37e94a0
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/src/components/modals/taskInfo/taskInfo.module.scss b/src/components/modals/taskInfo/taskInfo.module.scss
@@ -2,10 +2,18 @@
 	display: flex;
 	flex-direction: column;
 
+	height: 620px;
 	width: 670px;
 	background-color: #fff;
 	border-radius: 10px;
 
+	scrollbar-width: 0px;
+
+	&::-webkit-scrollbar {
+		position: absolute;
+		width: 0px;
+	}
+
 	@media (max-width: 681px) {
 		width: 460px;
 	}
@@ -24,10 +32,20 @@
 	// .taskInfo__dat
 	&__data {
 		width: 473px;
+		height: 575px;
+		overflow-y: auto;
 		display: flex;
 		flex-direction: column;
 		margin: 0px 0px 25px 25px;
 
+		.wrapper::-webkit-scrollbar-track-piece:start {
+			margin-top: 10px;
+			height: 100px;
+		}
+		&::-webkit-scrollbar:horizontal {
+			height: 100px;
+		}
+
 		@media (max-width: 681px) {
 			width: 460px;
 		}