[Chrome 38 이슈] TPanel, OnSale

Detail Notes :
1. TPanel
- 스타일 section 글로벌 선택자에서 자식 선택자로 변경
2.  OnSale
- Scroller 스타일 속성을 display:block; 속성으로 변경

com.twin.app.shoptime/src/components/TPanel/TPanel.module.less

@@ -6,7 +6,7 @@
   box-sizing: border-box;
   color: black;
 
-  section {
+  > section {
     font-family: @baseFont;
     color: @COLOR_GRAY03;
     padding: 0 !important;

com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.jsx

@@ -1,12 +1,13 @@
-import React from "react";
+import React from 'react';
 
-import classNames from "classnames";
+import classNames from 'classnames';
 
-import Scroller from "@enact/sandstone/Scroller";
-import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
-import Spottable from "@enact/spotlight/Spottable";
+import Scroller from '@enact/sandstone/Scroller';
+import SpotlightContainerDecorator
+  from '@enact/spotlight/SpotlightContainerDecorator';
+import Spottable from '@enact/spotlight/Spottable';
 
-import css from "./CategoryNav.module.less";
+import css from './CategoryNav.module.less';
 
 const Container = SpotlightContainerDecorator(
   { leaveFor: { right: "" }, enterTo: "last-focused" },
@@ -24,6 +25,7 @@ export default function CategoryNav({
   return (
     <Container className={css.container} {...rest}>
       <Scroller
+        className={css.scroller}
         direction="horizontal"
         horizontalScrollbar="hidden"
         noScrollByWheel={true}

com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.module.less

@@ -2,6 +2,9 @@
 @import "../../../style/utils.module.less";
 
 .container {
+  .scroller {
+    display: block;
+  }
   width: 100%;
   z-index: 10;
   background-color: @BG_COLOR_01;

com.twin.app.shoptime/src/views/OnSalePanel/OnSaleProductsGrid/OnSaleProductsGrid.module.less

@@ -5,6 +5,7 @@
   position: relative;
 
   .scroller {
+    display: block;
     padding-left: 60px;
 
     h2 {
@@ -14,7 +15,10 @@
 
     ul {
       .flex(@justifyCenter: flex-start);
-      gap: 18px;
+
+      > li {
+        margin-right: 18px;
+      }
     }
   }
 }