miel.truyen/nx
1
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

fix(core): fix 'group by folder' checkbox, small style changes

Browse Source
This commit is contained in:
Philip Fulcher 2020-02-06 15:06:06 -07:00 committed by Victor Savkin
parent 9f81564d7c
commit 1719e04a5a
2 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/workspace/src/core/dep-graph/dep-graph.css
View File

@ -7,7 +7,7 @@
--color-nrwl-black: #231f20; --color-nrwl-black: #231f20;
--color-nrwl-red: rgb(248, 84, 119); --color-nrwl-red: rgb(248, 84, 119);
--color-primary: var(--color-nrwl-blue); --color-primary: var(--color-nrwl-navy);
--font-family: 'Montserrat', 'Helvetica Neue', sans-serif; --font-family: 'Montserrat', 'Helvetica Neue', sans-serif;
} }
@ -24,8 +24,6 @@ html {
button { button {
padding: 0.5em 1em; padding: 0.5em 1em;
color: var(--color-darkGrey);
background: var(--color-lightGrey);
border-radius: 4px; border-radius: 4px;
border: 1px solid transparent; border: 1px solid transparent;
font-size: 1em; font-size: 1em;
@ -55,6 +53,11 @@ button.icon {
line-height: 50%; line-height: 50%;
} }
button.icon img {
width: 1.25em;
height: 1.25em;
}
.form-line { .form-line {
display: flex; display: flex;
align-items: center; align-items: center;
@ -147,7 +150,7 @@ html {
} }
.clusters rect { .clusters rect {
fill: var(--color-nrwl-light-blue); fill: var(--color-nrwl-twilight);
opacity: 0.5; opacity: 0.5;
stroke: var(--color-nrwl-black); stroke: var(--color-nrwl-black);
stroke-width: 1.5px; stroke-width: 1.5px;
@ -214,8 +217,12 @@ g.affected ellipse {
flex: 1; flex: 1;
} }
.sidebar-content h5 {
color: var(--color-nrwl-twilight);
}
.tippy-tooltip { .tippy-tooltip {
background-color: var(--color-nrwl-gray); background-color: var(--color-nrwl-twilight);
} }
.tippy-content { .tippy-content {

3
packages/workspace/src/core/dep-graph/dep-graph.js
View File

@ -477,6 +477,9 @@ setTimeout(() => {
addProjectCheckboxes(); addProjectCheckboxes();
checkForAffected(); checkForAffected();
document
.querySelector('input[name=displayOptions][value=groupByFolder]')
.addEventListener('change', () => window.filterProjects());
window.addEventListener('resize', () => render()); window.addEventListener('resize', () => render());
filterProjects(); filterProjects();