diff --git a/apps/spreadsheeteditor/mobile/src/controller/Main.jsx b/apps/spreadsheeteditor/mobile/src/controller/Main.jsx index de6c16a5ba..fccd6a4e83 100644 --- a/apps/spreadsheeteditor/mobile/src/controller/Main.jsx +++ b/apps/spreadsheeteditor/mobile/src/controller/Main.jsx @@ -459,6 +459,35 @@ class MainController extends Component { this.api.asc_registerCallback('asc_onEntriesListMenu', this.onEntriesListMenu.bind(this, false)); this.api.asc_registerCallback('asc_onValidationListMenu', this.onEntriesListMenu.bind(this, true)); + + this.api.asc_registerCallback('asc_onInputMessage', (title, msg) => { + if(!!title && !!msg) { + const coord = this.api.asc_getActiveCellCoord(); + // const topPosition = coord.asc_getY() * 2 + coord.asc_getHeight() * 3 + 10; + // const leftPosition = coord.asc_getX(); + // console.log(coord); + // console.log(topPosition, leftPosition); + + f7.popover.create({ + targetX: coord.asc_getX(), + targetY: coord.asc_getY(), + content: ` +
+
+
+

${title}

+

${msg}

+
+
+ `, + backdrop: false, + closeByBackdropClick: false + }).open(); + + // document.querySelector('.tooltip-cell-data').style.top = `${topPosition}px`; + // document.querySelector('.tooltip-cell-data').style.left = `${leftPosition}px`; + } + }); } onEntriesListMenu(validation, textArr, addArr) { diff --git a/apps/spreadsheeteditor/mobile/src/less/app-ios.less b/apps/spreadsheeteditor/mobile/src/less/app-ios.less index 545276e221..aac8851edf 100644 --- a/apps/spreadsheeteditor/mobile/src/less/app-ios.less +++ b/apps/spreadsheeteditor/mobile/src/less/app-ios.less @@ -16,4 +16,8 @@ .actions-move-sheet .actions-button-text{ color: @brandColor; } + + .tooltip-cell-data { + border-radius: 4px; + } } diff --git a/apps/spreadsheeteditor/mobile/src/less/app-material.less b/apps/spreadsheeteditor/mobile/src/less/app-material.less index b89c3ac81e..2b07d2352d 100644 --- a/apps/spreadsheeteditor/mobile/src/less/app-material.less +++ b/apps/spreadsheeteditor/mobile/src/less/app-material.less @@ -58,4 +58,8 @@ } } } + + .tooltip-cell-data { + border-radius: 0; + } } \ No newline at end of file diff --git a/apps/spreadsheeteditor/mobile/src/less/app.less b/apps/spreadsheeteditor/mobile/src/less/app.less index 8dc8c6a6ef..670354c098 100644 --- a/apps/spreadsheeteditor/mobile/src/less/app.less +++ b/apps/spreadsheeteditor/mobile/src/less/app.less @@ -180,4 +180,33 @@ color: @text-normal; } } +} + +.tooltip-cell-data { + width: 186px; + height: 153px; + overflow-y: auto; + box-shadow: 0px 20px 46px rgba(0, 0, 0, 0.1); + border-radius: 4px; + .popover-inner { + padding: 8px; + } + &__title { + font-style: normal; + font-weight: 600; + font-size: 12px; + line-height: 16px; + color: @text-normal; + margin: 0; + margin-bottom: 4px; + } + &__msg { + font-style: normal; + font-weight: 400; + font-size: 11px; + line-height: 13px; + color: @text-secondary; + letter-spacing: 0.06px; + margin: 0; + } } \ No newline at end of file