Skip to content

fix: Nest .level class style under .hierarchy class#26905

Merged
surajshetty3416 merged 1 commit into
frappe:version-13-hotfixfrom
surajshetty3416:fix-list-view-version-13-hotfix
Aug 12, 2021
Merged

fix: Nest .level class style under .hierarchy class#26905
surajshetty3416 merged 1 commit into
frappe:version-13-hotfixfrom
surajshetty3416:fix-list-view-version-13-hotfix

Conversation

@surajshetty3416

Copy link
Copy Markdown
Member

Changes in this PR were breaking all list views since it was overriding .level class that is used in list rows.

Solution:

Nest .level class inside .hierarchy & .hierarchy-mobile


Before:
Screenshot 2021-08-11 at 2 39 24 PM

After:
Screenshot 2021-08-11 at 2 41 10 PM

port-of: #26904

- To avoid style overrides in list view
@ankush ankush added backport develop instructs mergify to frontport PR to develop branch squash Meant to tell reviewers that this PR should be squashed into a single commit while merging. labels Aug 12, 2021
@ankush ankush requested a review from ruchamahabal August 12, 2021 07:18
@surajshetty3416 surajshetty3416 merged commit adfa11d into frappe:version-13-hotfix Aug 12, 2021
@surajshetty3416 surajshetty3416 deleted the fix-list-view-version-13-hotfix branch August 12, 2021 15:42
frappe-pr-bot pushed a commit to frappe-pr-bot/erpnext that referenced this pull request Aug 12, 2021
fix: Nest `.level` class style under `.hierarchy` class
(cherry picked from commit adfa11d)

# Conflicts:
#	erpnext/public/scss/hierarchy_chart.scss
@surajshetty3416 surajshetty3416 mentioned this pull request Aug 12, 2021
6 tasks
ruchamahabal pushed a commit to ruchamahabal/erpnext that referenced this pull request Aug 15, 2021
fix: Nest `.level` class style under `.hierarchy` class
ruchamahabal added a commit that referenced this pull request Aug 16, 2021
* feat: Organizational Chart

* feat: org chart mobile interactions

* feat(mobile): sibling node group expansion and rendering

* fix: expanded node group interactions and visibility

* feat: connectors for mobile node cards

* fix: don't refresh connections for same node

- remove all connectors while expanding a group node

* chore: create separate files for Desktop and Mobile view and bundle assets

* refactor: add options to chart

- method to return the node data

- wrapper for showing the hierarchy

* feat: setup node edit action

* fix: revert changes in employee descendants query

* refactor: use arcs instead of bezier curves for cleaner connectors

* feat: add arc to connectors in mobile view

* fix: edit node button overflowing

* fix: sider

* fix: removing orphaned connectors

* fix: unnecessary variables

* feat: handle multiple root / orphan nodes

* perf: Optimise Rendering

- optimise get_children function

- use promises instead of callbacks

- optimise selectors

- use const wherever possible

- use pure js instead of jquery for connectors for faster rendering

* fix: do not sort by number of connections

* feat: use icon for connections on mobile view

* fix: exclude active node while fetching sibling group

* fix: sibling group expansion not working for root nodes

* fix(mobile): collapsed nodes not expanding

* fix: sider

* test: UI tests for org chart desktop

* test: UI tests for org chart mobile

fix(mobile): detach node before emptying hierarchy

fix(mobile): sibling group not rendering for first level

* fix: sider

* ci(cypress): use env variable for key

documentation ref: https://docs.cypress.io/guides/guides/command-line\#cypress-run

* fix(tests): clear filter before typing

* fix(tests): apply filters correctly

* fix: tests

* fix: tests

* fix: tests

* fix(test): increase timeout for record creation

* fix: sider

* fix: sider

* feat: Expand All nodes option in Desktop view

* feat: add html2canvas for easily exporting html to images using canvas

* feat: Export chart option in desktop view

* fix(style): longer titles overflowing

* fix: remove unnecessary imports

* fix: test

* fix: make bundled assets for hierarchy chart

* fix(style): apply svg container margin only in desktop view

* fix: Nest `.level` class style under `.hierarchy` class (#26905)

fix: Nest `.level` class style under `.hierarchy` class

* fix: add z-index to filter to avoid svg wrapper overlapping

* fix: expand all nodes not working when there are only 2 levels

- added dom freeze while expanding all nodes and exporting

* fix: test

Co-authored-by: Suraj Shetty <13928957+surajshetty3416@users.noreply.github.com>
asoral pushed a commit to asoral/erpnext that referenced this pull request Nov 12, 2021
fix: Nest `.level` class style under `.hierarchy` class
asoral pushed a commit to asoral/erpnext that referenced this pull request Nov 12, 2021
* feat: Organizational Chart

* feat: org chart mobile interactions

* feat(mobile): sibling node group expansion and rendering

* fix: expanded node group interactions and visibility

* feat: connectors for mobile node cards

* fix: don't refresh connections for same node

- remove all connectors while expanding a group node

* chore: create separate files for Desktop and Mobile view and bundle assets

* refactor: add options to chart

- method to return the node data

- wrapper for showing the hierarchy

* feat: setup node edit action

* fix: revert changes in employee descendants query

* refactor: use arcs instead of bezier curves for cleaner connectors

* feat: add arc to connectors in mobile view

* fix: edit node button overflowing

* fix: sider

* fix: removing orphaned connectors

* fix: unnecessary variables

* feat: handle multiple root / orphan nodes

* perf: Optimise Rendering

- optimise get_children function

- use promises instead of callbacks

- optimise selectors

- use const wherever possible

- use pure js instead of jquery for connectors for faster rendering

* fix: do not sort by number of connections

* feat: use icon for connections on mobile view

* fix: exclude active node while fetching sibling group

* fix: sibling group expansion not working for root nodes

* fix(mobile): collapsed nodes not expanding

* fix: sider

* test: UI tests for org chart desktop

* test: UI tests for org chart mobile

fix(mobile): detach node before emptying hierarchy

fix(mobile): sibling group not rendering for first level

* fix: sider

* ci(cypress): use env variable for key

documentation ref: https://docs.cypress.io/guides/guides/command-line\#cypress-run

* fix(tests): clear filter before typing

* fix(tests): apply filters correctly

* fix: tests

* fix: tests

* fix: tests

* fix(test): increase timeout for record creation

* fix: sider

* fix: sider

* feat: Expand All nodes option in Desktop view

* feat: add html2canvas for easily exporting html to images using canvas

* feat: Export chart option in desktop view

* fix(style): longer titles overflowing

* fix: remove unnecessary imports

* fix: test

* fix: make bundled assets for hierarchy chart

* fix(style): apply svg container margin only in desktop view

* fix: Nest `.level` class style under `.hierarchy` class (frappe#26905)

fix: Nest `.level` class style under `.hierarchy` class

* fix: add z-index to filter to avoid svg wrapper overlapping

* fix: expand all nodes not working when there are only 2 levels

- added dom freeze while expanding all nodes and exporting

* fix: test

Co-authored-by: Suraj Shetty <13928957+surajshetty3416@users.noreply.github.com>
@frappe frappe locked as resolved and limited conversation to collaborators Mar 8, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

backport develop instructs mergify to frontport PR to develop branch squash Meant to tell reviewers that this PR should be squashed into a single commit while merging.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants