fix(Wikiplus): resize editbox when resizing the window (#1490)

* fix(Wikiplus): resize editbox when resizing the window
qiuwenbaike · Aug 23, 2024 · ab8d06d · ab8d06d
1 parent f03d793
commit ab8d06d
Show file tree

Hide file tree

Showing 9 changed files with 68 additions and 26 deletions.
diff --git a/dist/Wikiplus/Wikiplus.css b/dist/Wikiplus/Wikiplus.css
diff --git a/dist/Wikiplus/Wikiplus.js b/dist/Wikiplus/Wikiplus.js
diff --git a/dist/definition.txt b/dist/definition.txt
@@ -115,7 +115,7 @@
 * ToolsRedirect-courtesy-and-art-names[ResourceLoader|actions=view|dependencies=ext.gadget.ToolsRedirect,ext.gadget.Util,mediawiki.api,user.options|rights=edit|requiresES6]|ToolsRedirect-courtesy-and-art-names.js
 * ToolsRedirect-opt-bolds[ResourceLoader|actions=view|dependencies=ext.gadget.ToolsRedirect,ext.gadget.Util,mediawiki.api,user.options|rights=edit|requiresES6]|ToolsRedirect-opt-bolds.js
 * Wikicache[ResourceLoader|actions=edit,submit|dependencies=ext.gadget.i18n,ext.gadget.Util,mediawiki.storage,oojs-ui-windows|rights=edit|requiresES6]|Wikicache.js
-* Wikiplus[ResourceLoader|dependencies=user.options|rights=skipcaptcha|requiresES6]|Wikiplus.js|Wikiplus.css
+* Wikiplus[ResourceLoader|dependencies=ext.gadget.Util,user.options|rights=skipcaptcha|requiresES6]|Wikiplus.js|Wikiplus.css
 * Wikiplus-highlight[ResourceLoader|actions=view|dependencies=ext.gadget.Util,ext.gadget.Wikiplus,user.options|rights=skipcaptcha|requiresES6]|Wikiplus-highlight.js
 
 == skin ==

diff --git a/src/Wikiplus/Wikiplus.less b/src/Wikiplus/Wikiplus.less
@@ -1,15 +1,15 @@
-@import './style-modules/core.less';
+.client-js {
+ .Wikiplus-InterBox {
+ max-width: 90%;
+ max-width: calc(100% - 2em);
+ }
 
-.Wikiplus-InterBox {
- max-width: 90%;
- max-width: calc(100% - 2em);
-}
-
-.Wikiplus-Symbol-Btn {
- vertical-align: bottom !important;
-}
+ .Wikiplus-Symbol-Btn {
+ vertical-align: bottom !important;
+ }
 
-/* see <https://github.com/Wikiplus/Wikiplus/issues/65> */
-.mw-editsection-visualeditor {
- display: none;
+ .mw-editsection-visualeditor {
+ /* see <https://github.com/Wikiplus/Wikiplus/issues/65> */
+ display: none;
+ }
 }
diff --git a/src/Wikiplus/Wikiplus.ts b/src/Wikiplus/Wikiplus.ts
@@ -10,6 +10,7 @@ import './Wikiplus.less';
 
  const loader = async (): Promise<void> => {
  await import('./modules/index');
+ await import('./resize');
  };
 
  /* see <https://github.com/Wikiplus/Wikiplus/issues/65> */

diff --git a/src/Wikiplus/definition.json b/src/Wikiplus/definition.json
@@ -3,6 +3,6 @@
  "description": "<span id=\"Gadget-Wikiplus\"></span> [[Help:Wikiplus|Wikiplus]] <small>面向熟练用户的Wikitext快速编辑工具</small>",
  "section": "edit",
  "excludeSites": ["loginwiki"],
- "dependencies": ["user.options"],
+ "dependencies": ["ext.gadget.Util", "user.options"],
  "rights": ["skipcaptcha"]
 }
diff --git a/src/Wikiplus/modules/index.js b/src/Wikiplus/modules/index.js
@@ -12,6 +12,7 @@ import Settings from './utils/settings';
 import Log from './utils/log';
 import Constants from './utils/constants';
 import i18n from './utils/i18n';
+import './wikiplus.less';
 
 $(async () => {
  const Pages = {};
@@ -181,3 +182,5 @@ $(async () => {
  UI.insertSettingsPanelButton(handleSettingsButtonClicked);
  UI.bindPreloadEvents(handlePreload);
 });
+
+export {};
diff --git a/src/Wikiplus/style-modules/core.less → src/Wikiplus/modules/wikiplus.less b/src/Wikiplus/style-modules/core.less → src/Wikiplus/modules/wikiplus.less
diff --git a/src/Wikiplus/resize.ts b/src/Wikiplus/resize.ts
@@ -0,0 +1,11 @@
+import {getBody} from 'ext.gadget.Util';
+
+void getBody().then(($body: JQuery<HTMLBodyElement>): void => {
+ $(window).on('resize', (): void => {
+ const windowWidth = $(window).width();
+ const $wikiplusInterbox = $body.find('.Wikiplus-InterBox');
+ if ($wikiplusInterbox) {
+ $wikiplusInterbox.css('max-width', `calc(${windowWidth}px - 2em)`);
+ }
+ });
+});