This is an automated email from the ASF dual-hosted git repository. emotionbug pushed a commit to branch main in repository https://gitbox.apache.org/repos/asf/incubator-age-viewer.git
commit fd576d89086e31ba2e363ee00cf847955e452d1e Author: shinhanbyeol <[email protected]> AuthorDate: Mon Oct 25 13:57:26 2021 +0900 Update frontend 1. If there are too many results in the cypher result, fix the bug with the scroll bar on the right. 2. The color value of the fold button is #ffffff, so it may not be seen well on a specific monitor, so it is modified to #c4c4c4. --- .../src/components/cytoscape/CypherResultCytoscapeFooter.jsx | 12 ++++++------ frontend/src/static/style.css | 4 +++- 2 files changed, 9 insertions(+), 7 deletions(-) diff --git a/frontend/src/components/cytoscape/CypherResultCytoscapeFooter.jsx b/frontend/src/components/cytoscape/CypherResultCytoscapeFooter.jsx index 1329a20..4b00eea 100644 --- a/frontend/src/components/cytoscape/CypherResultCytoscapeFooter.jsx +++ b/frontend/src/components/cytoscape/CypherResultCytoscapeFooter.jsx @@ -69,7 +69,7 @@ const CypherResultCytoscapeFooter = ({ return ( <div className="d-flex pl-3"> - <div className={`mr-auto graphFrameFooter ${footerExpanded ? 'expandedGraphFrameFooter' : ''}`}> + <div className={`graphFrameFooter ${footerExpanded ? 'expandedGraphFrameFooter' : ''}`}> <Badge className="px-3 py-1" pill={isEdge === false} @@ -99,7 +99,7 @@ const CypherResultCytoscapeFooter = ({ Layout : <select id="selectLayout" - className="col-1 custom-select custom-select-sm layout-select" + className="col-2 custom-select custom-select-sm layout-select" defaultValue={cytoscapeLayout} onChange={(e) => [setCytoscapeLayout(e.target.value)]} > @@ -134,7 +134,7 @@ const CypherResultCytoscapeFooter = ({ Layout : <select id="selectLayout" - className="col-1 custom-select custom-select-sm layout-select" + className="col-2 custom-select custom-select-sm layout-select" defaultValue={cytoscapeLayout} onChange={(e) => [setCytoscapeLayout(e.target.value)]} > @@ -234,7 +234,7 @@ const CypherResultCytoscapeFooter = ({ return ( <div className="d-flex pl-3"> - <div className={`mr-auto graphFrameFooter ${footerExpanded ? 'expandedGraphFrameFooter' : ''}`}> + <div className={`graphFrameFooter ${footerExpanded ? 'expandedGraphFrameFooter' : ''}`}> <Badge className="px-3 py-1" pill={isEdge === false} @@ -298,7 +298,7 @@ const CypherResultCytoscapeFooter = ({ Layout : <select id="selectLayout" - className="col-1 custom-select custom-select-sm layout-select" + className="col-2 custom-select custom-select-sm layout-select" defaultValue={cytoscapeLayout} onChange={(e) => [setCytoscapeLayout(e.target.value)]} > @@ -324,7 +324,7 @@ const CypherResultCytoscapeFooter = ({ <div className="px-1">Layout : </div> <select id="selectLayout" - className="col-1 custom-select custom-select-sm layout-select" + className="col-2 custom-select custom-select-sm layout-select" defaultValue={cytoscapeLayout} onChange={(e) => [setCytoscapeLayout(e.target.value)]} > diff --git a/frontend/src/static/style.css b/frontend/src/static/style.css index c4289f4..42083c9 100644 --- a/frontend/src/static/style.css +++ b/frontend/src/static/style.css @@ -320,7 +320,7 @@ a[data-toggle="collapse"] { } .btn-link { - color: #ffffff !important; + color: #c4c4c4 !important; } .btn-link:hover { color: #2756FF !important; @@ -421,11 +421,13 @@ a.nav-link.active { } .chart-footer-area .graphFrameFooter { + flex: 1; height: 37px; overflow: hidden; } .chart-footer-area .graphFrameFooter.expandedGraphFrameFooter { + flex: 1; height: initial !important; overflow: initial !important; }
