Fix gridview image in the TV resolution

[Issue]N/A [Problem] The gridview is not fit in the TV resolution [Solution] Modify the gridview width, height Signed-off-by: singa2000 <[email protected]>
Samsung · Oct 12, 2021 · 30aa431 · 30aa431
1 parent 9a5f38b
commit 30aa431
Showing 1 changed file with 16 additions and 7 deletions.
diff --git a/src/css/profile/mobile/common/gridview.less b/src/css/profile/mobile/common/gridview.less
@@ -71,7 +71,7 @@ tau-gridview {
 		.ui-gridview-image {
 			display: block;
 			width: 100%;
-			height: auto;
+			height: 100%;
 			pointer-events: none;
 		}
 
@@ -188,7 +188,7 @@ tau-gridview {
 @media (orientation: portrait) {
 	.ui-content:not(.ui-popup-content-gridview) {
 		.ui-gridview {
-			min-height: 509 * @px_base;
+			min-height: 172 * @px_base;
 		}
 	}
 }
@@ -210,6 +210,12 @@ tau-gridview {
 	}
 }
 
+@media (min-width: 1920px) {
+	.ui-gridview-cols::after {
+		content: "8";
+	}
+}
+
 .ui-popup:not(.ui-ctxpopup):not(.ui-popup-activity) {
 	.ui-popup-wrapper {
 		width: 100%;
@@ -265,15 +271,18 @@ tau-gridview {
 		.ui-gridview:not(.ui-gridview-label-out) {
 			min-width: 1920 * @px_base;
 			.ui-gridview-item {
-				width: 240 * @px_base;
-				height: 238 * @px_base;
+				width: 226 * @px_base;
+				height: 226 * @px_base;
 				.ui-gridview-image {
-					width: 240 * @px_base;
-					height: 238 * @px_base;
+					width: 224 * @px_base;
+					height: 190 * @px_base;
+					padding-top: 27 * @px_base;
+					padding-bottom: 15 * @px_base;
 				}
 				.ui-gridview-label {
 					height: 39 * @px_base;
-					line-height: 39 *@px_base;
+					width: 226 * @px_base;
+					line-height: 30 *@px_base;
 					padding: 0 10 * @px_base;
 				}
 			}