I made an adaptive height for information on the task.

RaayNoff · Sep 4, 2022 · 01ebb2b · 01ebb2b
1 parent f1dff83
commit 01ebb2b
Showing 1 changed file with 15 additions and 10 deletions.
diff --git a/src/components/modals/taskInfo/taskInfo.module.scss b/src/components/modals/taskInfo/taskInfo.module.scss
@@ -1,8 +1,9 @@
 .taskInfo {
 	display: flex;
 	flex-direction: column;
+	overflow: hidden;
 
-	height: 620px;
+	max-height: 620px;
 	width: 670px;
 	background-color: #fff;
 	border-radius: 10px;
@@ -23,6 +24,12 @@
 	@media (max-width: 404px) {
 		width: 310px;
 	}
+	@media (max-height: 768.92px) {
+		max-height: 550px;
+	}
+	@media (max-height: 573px) {
+		max-height: 500px;
+	}
 
 	// .taskInfo__content
 	&__content {
@@ -33,22 +40,20 @@
 	&__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;
-		}
+		overflow-y: scroll;
 
 		@media (max-width: 681px) {
 			width: 460px;
 		}
+		@media (max-height: 768.92px) {
+			max-height: 550px;
+		}
+		@media (max-height: 573px) {
+			max-height: 500px;
+		}
 	}
 
 	// .taskInfo__nocomments