@electerm/electerm-react 5.1.21 → 5.1.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -116,6 +116,9 @@ export default auto(function Index (props) {
116
116
  'not-win': !isWin,
117
117
  'qm-pinned': pinnedQuickCommandBar,
118
118
  fullscreen,
119
+ // terminal fullscreen keeps the footer visible (rdp/vnc/spice fullscreen
120
+ // does not — the footer would be an empty bar there)
121
+ 'fs-with-footer': fullscreen && store.inActiveTerminal,
119
122
  'is-main': !isSecondInstance,
120
123
  'is-mobile': store.isMobile,
121
124
  'is-desktop': !store.isMobile
@@ -36,15 +36,27 @@
36
36
  right 10px !important
37
37
  bottom 10px !important
38
38
 
39
- // while the touch shortcut bar (portaled to body, z-index 800 — see
40
- // shortcut-bar.styl) is shown, shrink the fullscreen session by the bar
41
- // height so the terminal is not covered. body.shortcut-bar-on is toggled by
42
- // shortcut-bar.jsx; the extra body class gives this rule higher specificity
43
- // (0,4,0) than the .fullscreen rules above, so it wins the !important battle.
44
- body.shortcut-bar-on
45
- .fullscreen
39
+ // Terminal fullscreen keeps the footer (and the quick-command popup above it)
40
+ // visible; the session shrinks to sit on top of the footer. RDP/VNC/Spice
41
+ // fullscreen stays footer-less — inActiveTerminal is false for those tabs, so
42
+ // the fs-with-footer class is absent there.
43
+ // 36px matches footerHeight / the .main-footer height in footer.styl.
44
+ .fullscreen.fs-with-footer
45
+ .main-footer
46
+ display block
47
+ left 0 !important
48
+ .qm-wrap-tooltip
49
+ display block
50
+ left 0 !important
51
+ // sidebar is hidden in fullscreen; hide the footer control that opens it
52
+ .terminal-footer-show-sidebar
53
+ display none
54
+ .session-wrap.session-current
55
+ .term-wrap
56
+ height calc(100% - 36px - var(--shortcut-bar-h, 0px)) !important
57
+ // pinned quick-command bar (180px, same as quickCommandBoxHeight) sits
58
+ // between terminal and footer — reserve its space too
59
+ &.qm-pinned
46
60
  .session-wrap.session-current
47
- bottom var(--shortcut-bar-h, 44px) !important
48
- height auto !important
49
61
  .term-wrap
50
- height calc(100% - var(--shortcut-bar-h, 44px)) !important
62
+ height calc(100% - 36px - 180px - var(--shortcut-bar-h, 0px)) !important
@@ -9,7 +9,7 @@
9
9
  right 0
10
10
  bottom 0
11
11
  height var(--shortcut-bar-h, 44px)
12
- z-index 800
12
+ z-index 400
13
13
  display flex
14
14
  align-items stretch
15
15
  background var(--main)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@electerm/electerm-react",
3
- "version": "5.1.21",
3
+ "version": "5.1.23",
4
4
  "description": "react components src for electerm",
5
5
  "main": "./client/components/main/main.jsx",
6
6
  "license": "MIT",