@electerm/electerm-react 5.1.20 → 5.1.23

package/client/components/footer/batch-input.jsx

@@ -127,10 +127,12 @@ export default class BatchInput extends Component {
     }
     // Desktop: an input-shaped, read-only affordance. It is NOT a real input —
     // clicking it expands the panel where the user actually types.
+    // Borderless so it blends into the footer background.
     return (
       <Input
         size='small'
         readOnly
+        variant='borderless'
         placeholder={e('batchInput')}
         className='batch-input-holder'
         style={{ cursor: 'pointer' }}

package/client/components/footer/footer-entry.jsx

@@ -96,6 +96,7 @@ export default auto(function FooterEntry (props) {
       defaultValue: props.store.currentTab?.encode,
       onSelect: handleSwitchEncoding,
       size: 'small',
+      variant: 'borderless',
       popupMatchSelectWidth: false
     }
     if (props.store.isMobile) {

package/client/components/main/main.jsx

@@ -116,6 +116,9 @@ export default auto(function Index (props) {
     'not-win': !isWin,
     'qm-pinned': pinnedQuickCommandBar,
     fullscreen,
+    // terminal fullscreen keeps the footer visible (rdp/vnc/spice fullscreen
+    // does not — the footer would be an empty bar there)
+    'fs-with-footer': fullscreen && store.inActiveTerminal,
     'is-main': !isSecondInstance,
     'is-mobile': store.isMobile,
     'is-desktop': !store.isMobile

package/client/components/main/term-fullscreen.styl

@@ -35,3 +35,28 @@
       top 10px !important
       right 10px !important
       bottom 10px !important
+
+// Terminal fullscreen keeps the footer (and the quick-command popup above it)
+// visible; the session shrinks to sit on top of the footer. RDP/VNC/Spice
+// fullscreen stays footer-less — inActiveTerminal is false for those tabs, so
+// the fs-with-footer class is absent there.
+// 36px matches footerHeight / the .main-footer height in footer.styl.
+.fullscreen.fs-with-footer
+  .main-footer
+    display block
+    left 0 !important
+  .qm-wrap-tooltip
+    display block
+    left 0 !important
+  // sidebar is hidden in fullscreen; hide the footer control that opens it
+  .terminal-footer-show-sidebar
+    display none
+  .session-wrap.session-current
+    .term-wrap
+      height calc(100% - 36px - var(--shortcut-bar-h, 0px)) !important
+  // pinned quick-command bar (180px, same as quickCommandBoxHeight) sits
+  // between terminal and footer — reserve its space too
+  &.qm-pinned
+    .session-wrap.session-current
+      .term-wrap
+        height calc(100% - 36px - 180px - var(--shortcut-bar-h, 0px)) !important

package/client/components/sidebar/info-modal.jsx

@@ -126,7 +126,7 @@ export default auto(function InfoModal (props) {
     // description,
     devDependencies,
     dependencies,
-    langugeRepo,
+    languageRepo,
     author: {
       name: authorName,
       email,
@@ -193,8 +193,8 @@ export default auto(function InfoModal (props) {
           </p>
           <p className='mg1b'>
             <GlobalOutlined /> <b className='mg1r'>{e('language')} repo ➾</b>
-            <Link to={langugeRepo} className='mg1l'>
-              {langugeRepo}
+            <Link to={languageRepo} className='mg1l'>
+              {languageRepo}
             </Link>
           </p>
           <p className='mg1b'>

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@electerm/electerm-react",
-  "version": "5.1.20",
+  "version": "5.1.23",
   "description": "react components src for electerm",
   "main": "./client/components/main/main.jsx",
   "license": "MIT",
-  "langugeRepo": "https://github.com/electerm/electerm-locales",
+  "languageRepo": "https://github.com/electerm/electerm-locales",
   "privacyNoticeLink": "https://github.com/electerm/electerm/wiki/privacy-notice",
   "knownIssuesLink": "https://github.com/electerm/electerm/wiki/Know-issues",
   "sponsorLink": "https://electerm.org/sponsor-electerm.html",