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

webos3.x progressbar size

Browse Source
This commit is contained in:
yonghyon
2024-07-18 21:33:26 +09:00
parent 4171c4845a
commit 907aaba725
3 changed files with 35 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
com.twin.app.shoptime/package-lock.json generated
View File

@@ -7,6 +7,7 @@
"": { "": {
"name": "shopping-app-2.0", "name": "shopping-app-2.0",
"version": "2.0.0", "version": "2.0.0",
"hasInstallScript": true,
"license": "UNLICENSED", "license": "UNLICENSED",
"dependencies": { "dependencies": {
"@enact/core": "^3.3.0", "@enact/core": "^3.3.0",
@@ -18,6 +19,8 @@
"axios": "^0.21.1", "axios": "^0.21.1",
"google-libphonenumber": "^3.2.34", "google-libphonenumber": "^3.2.34",
"ilib": "^14.3.0", "ilib": "^14.3.0",
"patch-package": "^8.0.0",
"postinstall-postinstall": "^2.1.0",
"prop-types": "^15.6.2", "prop-types": "^15.6.2",
"qrcode": "^1.5.3", "qrcode": "^1.5.3",
"raw-loader": "^4.0.2", "raw-loader": "^4.0.2",

5
com.twin.app.shoptime/package.json
View File

@@ -13,7 +13,8 @@
"lint": "enact lint .", "lint": "enact lint .",
"license": "enact license", "license": "enact license",
"test": "enact test", "test": "enact test",
"test-watch": "enact test --watch" "test-watch": "enact test --watch",
"postinstall": "patch-package"
}, },
"license": "UNLICENSED", "license": "UNLICENSED",
"private": true, "private": true,
@@ -42,6 +43,8 @@
"axios": "^0.21.1", "axios": "^0.21.1",
"google-libphonenumber": "^3.2.34", "google-libphonenumber": "^3.2.34",
"ilib": "^14.3.0", "ilib": "^14.3.0",
"patch-package": "^8.0.0",
"postinstall-postinstall": "^2.1.0",
"prop-types": "^15.6.2", "prop-types": "^15.6.2",
"qrcode": "^1.5.3", "qrcode": "^1.5.3",
"raw-loader": "^4.0.2", "raw-loader": "^4.0.2",

28
com.twin.app.shoptime/patches/@enact+ui+3.5.0.patch Normal file
View File

@@ -0,0 +1,28 @@
diff --git a/node_modules/@enact/ui/useScroll/Scrollbar.js b/node_modules/@enact/ui/useScroll/Scrollbar.js
index 12a810e..d228196 100644
--- a/node_modules/@enact/ui/useScroll/Scrollbar.js
+++ b/node_modules/@enact/ui/useScroll/Scrollbar.js
@@ -128,8 +128,21 @@ var useScrollbar = function useScrollbar(props) {
scrollbarThumbSizeRatioBase = scrollViewSize / scrollContentSize,
scrollbarThumbProgressRatio = scrollOrigin / (scrollContentSize - scrollViewSize),
scrollbarThumbSizeRatio = Math.max(_resolution["default"].scale(minThumbSize) / trackSize, Math.min(1, scrollbarThumbSizeRatioBase));
- setCSSVariable(scrollbarTrackRef.current, '--scrollbar-thumb-size-ratio', scrollbarThumbSizeRatio);
- setCSSVariable(scrollbarTrackRef.current, '--scrollbar-thumb-progress-ratio', scrollbarThumbProgressRatio);
+ // setCSSVariable(scrollbarTrackRef.current, '--scrollbar-thumb-size-ratio', scrollbarThumbSizeRatio);
+ // setCSSVariable(scrollbarTrackRef.current, '--scrollbar-thumb-progress-ratio', scrollbarThumbProgressRatio);
+ //for old chrome version
+ const thumb = scrollbarTrackRef.current?.childNodes?.[0];
+ if(thumb){
+ const thumbSize = (scrollbarThumbSizeRatio*100)+'%';
+ const progress = ((1-scrollbarThumbSizeRatio) * scrollbarThumbProgressRatio)*100+'%';
+ if(vertical){
+ thumb.style.height = thumbSize;
+ thumb.style.top = progress;
+ }else{
+ thumb.style.width = thumbSize;
+ thumb.style.left = progress;
+ }
+ }
}
if (scrollbarHandle) {