pds-dev-kit-web-test 2.7.367 → 2.7.369
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +2 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_HeightFitContentCover.js +1 -1
- package/package.json +1 -1
|
@@ -156,6 +156,7 @@ function ContentsList(props) {
|
|
|
156
156
|
bottom: '0px',
|
|
157
157
|
left: '0px'
|
|
158
158
|
};
|
|
159
|
+
var t = (0, react_i18next_1.useTranslation)('translation').t;
|
|
159
160
|
var renderElements = function (component, positionStyle) {
|
|
160
161
|
switch (component.type) {
|
|
161
162
|
case 'PAGINATION':
|
|
@@ -181,7 +182,7 @@ function ContentsList(props) {
|
|
|
181
182
|
if (mode === 'EDIT') {
|
|
182
183
|
style.visibility = 'visible';
|
|
183
184
|
}
|
|
184
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), isEditModeAndHeightFitContent && ((0, jsx_runtime_1.jsx)(S_HeightFitContentCover_1.S_HeightFitContentCover, { bottomText:
|
|
185
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), isEditModeAndHeightFitContent && ((0, jsx_runtime_1.jsx)(S_HeightFitContentCover_1.S_HeightFitContentCover, { bottomText: t('str_10106') })), Object.entries(componentGroups).map(function (_a) {
|
|
185
186
|
var position = _a[0], groupComponents = _a[1];
|
|
186
187
|
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "cb-contentslist-button-group ccb-elements", ref: function (el) {
|
|
187
188
|
if (el) {
|
|
@@ -9,5 +9,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.S_HeightFitContentCover = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.S_HeightFitContentCover = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n
|
|
12
|
+
exports.S_HeightFitContentCover = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: repeating-linear-gradient(\n -120deg,\n rgba(30, 235, 180, 0.5),\n rgba(30, 235, 180, 0.5) 20px,\n rgba(0, 0, 0, 0.2) 20px,\n rgba(0, 0, 0, 0.2) 35px\n );\n bottom: 0;\n height: 100%;\n left: 0;\n opacity: 0.5;\n pointer-events: none;\n position: absolute;\n width: 100%;\n\n /* * [\uC911\uC694] \n * \uC774 \uC694\uC18C \uC804\uCCB4\uB294 \uD074\uB9AD\uC774 \uD1B5\uACFC\uB429\uB2C8\uB2E4. \n * (\uC790\uC2DD\uC778 ::after\uB3C4 \uC774 \uC18D\uC131\uC744 \uC0C1\uC18D\uBC1B\uC2B5\uB2C8\uB2E4)\n */\n z-index: 2;\n\n /* --- 2. ::after \uAC00\uC0C1 \uC694\uC18C\uB97C \uC0AC\uC6A9\uD574 \uAE00\uC790 \uCD94\uAC00 --- */\n &::after {\n color: #ffffffff;\n content: '", "';\n font-size: 11px;\n font-weight: bold;\n left: 0;\n pointer-events: none;\n position: absolute;\n text-align: center;\n text-shadow: rgb(0, 184, 132) 1px 0px 0px, rgb(0, 184, 132) 0.540302px 0.841471px 0px,\n rgb(0, 184, 132) -0.416147px 0.909297px 0px, rgb(0, 184, 132) -0.989992px 0.14112px 0px,\n rgb(0, 184, 132) -0.653644px -0.756802px 0px, rgb(0, 184, 132) 0.283662px -0.958924px 0px,\n rgb(0, 184, 132) 0.96017px -0.279415px 0px, 0px 0px 10px #000000;\n top: 50%;\n transform: translateY(-50%);\n }\n"], ["\n background: repeating-linear-gradient(\n -120deg,\n rgba(30, 235, 180, 0.5),\n rgba(30, 235, 180, 0.5) 20px,\n rgba(0, 0, 0, 0.2) 20px,\n rgba(0, 0, 0, 0.2) 35px\n );\n bottom: 0;\n height: 100%;\n left: 0;\n opacity: 0.5;\n pointer-events: none;\n position: absolute;\n width: 100%;\n\n /* * [\uC911\uC694] \n * \uC774 \uC694\uC18C \uC804\uCCB4\uB294 \uD074\uB9AD\uC774 \uD1B5\uACFC\uB429\uB2C8\uB2E4. \n * (\uC790\uC2DD\uC778 ::after\uB3C4 \uC774 \uC18D\uC131\uC744 \uC0C1\uC18D\uBC1B\uC2B5\uB2C8\uB2E4)\n */\n z-index: 2;\n\n /* --- 2. ::after \uAC00\uC0C1 \uC694\uC18C\uB97C \uC0AC\uC6A9\uD574 \uAE00\uC790 \uCD94\uAC00 --- */\n &::after {\n color: #ffffffff;\n content: '", "';\n font-size: 11px;\n font-weight: bold;\n left: 0;\n pointer-events: none;\n position: absolute;\n text-align: center;\n text-shadow: rgb(0, 184, 132) 1px 0px 0px, rgb(0, 184, 132) 0.540302px 0.841471px 0px,\n rgb(0, 184, 132) -0.416147px 0.909297px 0px, rgb(0, 184, 132) -0.989992px 0.14112px 0px,\n rgb(0, 184, 132) -0.653644px -0.756802px 0px, rgb(0, 184, 132) 0.283662px -0.958924px 0px,\n rgb(0, 184, 132) 0.96017px -0.279415px 0px, 0px 0px 10px #000000;\n top: 50%;\n transform: translateY(-50%);\n }\n"])), function (props) { return props.bottomText || ''; });
|
|
13
13
|
var templateObject_1;
|