diff --git a/Data/WebUI/src/Borealis.css b/Data/WebUI/src/Borealis.css index abe4fde..1686644 100644 --- a/Data/WebUI/src/Borealis.css +++ b/Data/WebUI/src/Borealis.css @@ -1,3 +1,7 @@ +/* ======================================= */ +/* FLOW EDITOR */ +/* ======================================= */ + /* FlowEditor background container */ .flow-editor-container { position: relative; @@ -24,6 +28,10 @@ z-index: -1; } +/* ======================================= */ +/* NODE SIDEBAR */ +/* ======================================= */ + /* Emphasize Drag & Drop Node Functionality */ .sidebar-button:hover { background-color: #2a2a2a !important; @@ -31,6 +39,10 @@ cursor: grab; } +/* ======================================= */ +/* NODES */ +/* ======================================= */ + /* Borealis Node Styling */ .borealis-node { background: #2c2c2c; @@ -80,6 +92,10 @@ label { font-size: 10px; } +/* ======================================= */ +/* FLOW TABS */ +/* ======================================= */ + /* Multi-Tab Bar Adjustments */ .MuiTabs-root { min-height: 32px !important; @@ -92,8 +108,17 @@ label { text-transform: none !important; } +/* Highlight tab on hover if it's not active */ +.MuiTab-root:hover:not(.Mui-selected) { + background-color: #2C2C2C !important; +} + /* We rely on the TabIndicatorProps to show the underline highlight for active tabs. */ +/* ======================================= */ +/* REACT-SIMPLE-KEYBOARD */ +/* ======================================= */ + /* keyboard-dark-theme.css */ /* react-simple-keyboard dark theming */