Css update for chart

Author: luc-github

src/areas/main.js

@@ -27,7 +27,6 @@ import About from "../pages/about"
 import Dashboard from "../pages/dashboard"
 import Settings from "../pages/settings"
 import ExtraPage from "../pages/extrapages"
-import { Informations } from "../areas/informations"
 import { FooterContainer } from "./footer"
 import { processor, BackgroundContainer } from "../targets"
 
@@ -46,10 +45,6 @@ const defRoutes = {
         component: <Settings />,
         path: "/settings",
     },
-    INFORMATIONS: {
-        component: <Informations />,
-        path: "/informations",
-    },
 }
 
 const PANEL_HEIGHT_DEFAULT = 550

src/components/Navbar/index.js

@@ -29,7 +29,6 @@ import {
     useSettingsContext,
     useUiContext,
     useWsContext,
-    useRouterContext,
     useUiContextFn,
 } from "../../contexts"
 import { useHttpQueue } from "../../hooks"
@@ -38,7 +37,6 @@ import { showConfirmationModal } from "../Modal"
 import {
     Server,
     Settings,
-    Activity,
     LogOut,
     Trello,
     ChevronDown,
@@ -54,7 +52,6 @@ const defaultLinks = [
         icon: null,
         href: "/about",
     },
-    { label: "S123", icon: <Activity />, href: "/informations" },
     {
         label: "S13",
         icon: <Server />,
@@ -71,7 +68,6 @@ const defaultLinks = [
 
 const Navbar = () => {
     const { connectionSettings } = useSettingsContext()
-    const { defaultRoute, activeRoute } = useRouterContext()
     const { modals, uisettings } = useUiContext()
     const { createNewRequest } = useHttpQueue()
     const { Disconnect } = useWsContext()
@@ -86,23 +82,6 @@ const Navbar = () => {
     )
     const [hrefbutton, setHrefButton] = useState()
 
-    function onResize() {
-        //if infopage is visible but we are not in mobile view
-        if (
-            document.getElementById("infopage") &&
-            document.getElementById("infopage").clientWidth == 0
-        ) {
-            //we should not be there so move to another page
-            document
-                .getElementById(
-                    defaultRoute.current == "/dashboard"
-                        ? "dashboardLink"
-                        : "settingsLink"
-                )
-                .click()
-        }
-    }
-
     /*
     auto-scroll textarea into view if mobile keyboard is blocking textarea to prevent
     page resize and navbar from snapping out of viewport due to using fixed heights
@@ -176,11 +155,6 @@ const Navbar = () => {
                 <section class="navbar-section">
                     {defaultLinks &&
                         defaultLinks.map(({ label, icon, href, id }) => {
-                            if (
-                                href == "/informations" &&
-                                !uisettings.getValue("showinformationpage")
-                            )
-                                return
                             return (
                                 <Link
                                     onclick={(e) => {

src/style/components/_control.scss

@@ -792,6 +792,11 @@ a label {
     overflow: hidden;
 }
 
+.charts-subcontainer canvas.chart {
+    width: 100%;
+    display: block;
+}
+
 .chart-legend {
     display: flex;
     flex-wrap: wrap;

src/targets/Printer3D/style/_index.scss

@@ -28,32 +28,17 @@ text.scl {
     user-select: none;
 }
 
-.charts-subcontainer,
 .charts-container {
     display: flex;
     flex-direction: column;
+    justify-content: space-evenly;
     height: 100%;
-    justify-content: space-around;
-}
-
-.chart-legend {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-}
-.legend-name {
-    font-size: 0.8rem;
-    margin-right: 5px;
 }
 
 .charts-subcontainer {
-    justify-content: center;
+    flex: 0 0 auto;
 }
 
-.chart {
-    margin-top: 10px;
-    margin-bottom: 10px;
-}
 
 text.posscl {
     font-weight: 200;