optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[Chrome 38 이슈] TPanel, OnSale

Browse Source 
Detail Notes :
1. TPanel
- 스타일 section 글로벌 선택자에서 자식 선택자로 변경
2.  OnSale
- Scroller 스타일 속성을 display:block; 속성으로 변경
This commit is contained in:
jangheon Pyo
2024-02-01 16:14:56 +09:00
parent 6521769835
commit f9e387bf53
4 changed files with 17 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
com.twin.app.shoptime/src/components/TPanel/TPanel.module.less
View File

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

14
com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.jsx
View File

@@ -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 Scroller from '@enact/sandstone/Scroller';
import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator"; import SpotlightContainerDecorator
import Spottable from "@enact/spotlight/Spottable"; 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( const Container = SpotlightContainerDecorator(
{ leaveFor: { right: "" }, enterTo: "last-focused" }, { leaveFor: { right: "" }, enterTo: "last-focused" },
@@ -24,6 +25,7 @@ export default function CategoryNav({
return ( return (
<Container className={css.container} {...rest}> <Container className={css.container} {...rest}>
<Scroller <Scroller
className={css.scroller}
direction="horizontal" direction="horizontal"
horizontalScrollbar="hidden" horizontalScrollbar="hidden"
noScrollByWheel={true} noScrollByWheel={true}

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

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

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

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