@electerm/electerm-react 5.1.20 → 5.1.21

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/term-fullscreen.styl

@@ -35,3 +35,16 @@
       top 10px !important
       right 10px !important
       bottom 10px !important
+
+// while the touch shortcut bar (portaled to body, z-index 800 — see
+// shortcut-bar.styl) is shown, shrink the fullscreen session by the bar
+// height so the terminal is not covered. body.shortcut-bar-on is toggled by
+// shortcut-bar.jsx; the extra body class gives this rule higher specificity
+// (0,4,0) than the .fullscreen rules above, so it wins the !important battle.
+body.shortcut-bar-on
+  .fullscreen
+    .session-wrap.session-current
+      bottom var(--shortcut-bar-h, 44px) !important
+      height auto !important
+      .term-wrap
+        height calc(100% - var(--shortcut-bar-h, 44px)) !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/client/components/terminal/shortcut-bar.styl

@@ -9,7 +9,7 @@
   right 0
   bottom 0
   height var(--shortcut-bar-h, 44px)
-  z-index 400
+  z-index 800
   display flex
   align-items stretch
   background var(--main)

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@electerm/electerm-react",
-  "version": "5.1.20",
+  "version": "5.1.21",
   "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",