fixing UI vertical icons on short screens

its-a-feature · its-a-feature · commit b3dcc7d1fc78 · 2025-03-12T13:30:20.000-05:00
diff --git a/CHANGELOG.MD b/CHANGELOG.MD
@@ -4,7 +4,7 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
-## [3.3.1-rc52] - 
+## [3.3.1-rc52] - 2025-03-12
 
 ### Changed
 
diff --git a/MythicReactUI/CHANGELOG.MD b/MythicReactUI/CHANGELOG.MD
@@ -4,6 +4,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.3.18] - 2025-03-11
+
+### Changed
+
+- Fixed the vertical extra icons on short layouts that wouldn't auto expand to show them
+
 ## [0.3.17] - 2025-03-11
 
 ### Changed
diff --git a/MythicReactUI/src/components/TopAppBarVertical.js b/MythicReactUI/src/components/TopAppBarVertical.js
@@ -811,11 +811,7 @@ export function TopAppBarVertical(props) {
                 <ListItemText>Extra Shortcuts</ListItemText>
                 {openExtra ? <ExpandLess /> : <ExpandMore />}
             </StyledListItem>
-            <Collapse in={openExtra} unmountOnExit style={{overflowY: "auto", overflowX: "hidden"}}>
-                <List component="div" disablePadding style={{border: 0, backgroundColor: theme.topAppBarColor}}>
-                    {getExtraShortcuts()}
-                </List>
-            </Collapse>
+            {openExtra &&  getExtraShortcuts()}
             <Divider style={{borderColor: "white"}} />
           <div className={classes.listSubHeader} style={{ flexGrow: 1}}></div>
           <TopBarRightShortcutsVertical me={me} isOpen={isOpen} serverName={serverName} />
diff --git a/MythicReactUI/src/index.js b/MythicReactUI/src/index.js
@@ -15,7 +15,7 @@ import jwt_decode from 'jwt-decode';
 import {meState} from './cache';
 import {getSkewedNow} from "./components/utilities/Time";
 
-export const mythicUIVersion = "0.3.17";
+export const mythicUIVersion = "0.3.18";
 
 let fetchingNewToken = false;
 
diff --git a/mythic-react-docker/mythic/public/asset-manifest.json b/mythic-react-docker/mythic/public/asset-manifest.json
@@ -1,17 +1,17 @@
 {
   "files": {
     "main.css": "/new/static/css/main.602591e6.css",
-    "main.js": "/new/static/js/main.cfdd0950.js",
+    "main.js": "/new/static/js/main.5c5659ec.js",
     "static/media/mythic-red.png": "/new/static/media/mythic-red.203468a4e5240d239aa0.png",
     "static/media/graphql.png": "/new/static/media/graphql.8f15978b39b0870a9f0e.png",
     "static/media/Mythic_Logo.svg": "/new/static/media/Mythic_Logo.6842c911bebe36d6f83fc7ced4a2cd99.svg",
     "static/media/mythic_red_small.svg": "/new/static/media/mythic_red_small.793b41cc7135cdede246661ec232976b.svg",
     "index.html": "/new/index.html",
     "main.602591e6.css.map": "/new/static/css/main.602591e6.css.map",
-    "main.cfdd0950.js.map": "/new/static/js/main.cfdd0950.js.map"
+    "main.5c5659ec.js.map": "/new/static/js/main.5c5659ec.js.map"
   },
   "entrypoints": [
     "static/css/main.602591e6.css",
-    "static/js/main.cfdd0950.js"
+    "static/js/main.5c5659ec.js"
   ]
 }
diff --git a/mythic-react-docker/mythic/public/index.html b/mythic-react-docker/mythic/public/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/new/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><link rel="apple-touch-icon" href="/new/logo192.png"/><link rel="manifest" href="/new/manifest.json"/><title>Mythic</title><script defer="defer" src="/new/static/js/main.cfdd0950.js"></script><link href="/new/static/css/main.602591e6.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/new/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><link rel="apple-touch-icon" href="/new/logo192.png"/><link rel="manifest" href="/new/manifest.json"/><title>Mythic</title><script defer="defer" src="/new/static/js/main.5c5659ec.js"></script><link href="/new/static/css/main.602591e6.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
diff --git a/mythic-react-docker/mythic/public/static/js/main.5c5659ec.js b/mythic-react-docker/mythic/public/static/js/main.5c5659ec.js
diff --git a/mythic-react-docker/mythic/public/static/js/main.5c5659ec.js.LICENSE.txt b/mythic-react-docker/mythic/public/static/js/main.5c5659ec.js.LICENSE.txt
diff --git a/mythic-react-docker/mythic/public/static/js/main.5c5659ec.js.map b/mythic-react-docker/mythic/public/static/js/main.5c5659ec.js.map

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/new/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><link rel="apple-touch-icon" href="/new/logo192.png"/><link rel="manifest" href="/new/manifest.json"/><title>Mythic</title><script defer="defer" src="/new/static/js/main.cfdd0950.js"></script><link href="/new/static/css/main.602591e6.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
	`1`	+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/new/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><link rel="apple-touch-icon" href="/new/logo192.png"/><link rel="manifest" href="/new/manifest.json"/><title>Mythic</title><script defer="defer" src="/new/static/js/main.5c5659ec.js"></script><link href="/new/static/css/main.602591e6.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>