fix(demo): update styles on demos

FlowingCode · Jul 18, 2023 · 67a9cf1 · 67a9cf1
1 parent ef5835d
commit 67a9cf1
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 21 deletions.
diff --git a/src/test/resources/META-INF/resources/frontend/styles/orgchart/demo-styles.css b/src/test/resources/META-INF/resources/frontend/styles/orgchart/demo-styles.css
@@ -36,7 +36,6 @@
 
 .orgchart .node .content { 
 	border-radius: 0 !important; 
-	border-bottom-width: 0 !important; 
 }
 
 .orgchart .node .content:first-of-type { 
@@ -54,15 +53,11 @@ vaadin-checkbox.smallcheckbox {
 	font-size: small;
 }
 
-fc-orgchart p {
-	max-width:calc(100% - 70px);
-}
-
 .orgchart {
 	padding: 0;
 }
 
-.image-title-demo .orgchart .title .symbol {
+.image-title-demo .orgchart .title .parentNodeSymbol {
 	display:none
 }
 

diff --git a/src/test/resources/META-INF/resources/frontend/styles/orgchart/hybrid-demo-styles.css b/src/test/resources/META-INF/resources/frontend/styles/orgchart/hybrid-demo-styles.css
@@ -22,7 +22,8 @@
 }
 
 .hybrid-chart .orgchart .node .title {
-	height: 80px !important;
+	height: 95px !important;
+	width: 210px;
 	text-align: left;
 	line-height: 18px;
 	font-size: 11px;
@@ -57,30 +58,22 @@
 	margin-right: 4px;
 }
 
-.hybrid-chart .orgchart .title .symbol {
+.hybrid-chart .orgchart .title .parentNodeSymbol {
 	display: none
 }
 
-.hybrid-chart .orgchart .lines .rightLine {
-	border-right-color: var(--lumo-body-text-color);
+.hybrid-chart .orgchart .node:not(:only-child)::after{
+	background-color: var(--lumo-body-text-color);
 }
 
-.hybrid-chart .orgchart .lines .leftLine {
-    border-left-color: var(--lumo-body-text-color);
-}
-
-.hybrid-chart .orgchart .lines .topLine {
-	border-top-color: var(--lumo-body-text-color);
-}
-
-.hybrid-chart .orgchart .verticalNodes>td::before {
+.hybrid-chart .orgchart .hierarchy::before {
     border-color: var(--lumo-body-text-color);
 }
 
-.hybrid-chart .orgchart .lines .downLine {
+.hybrid-chart .orgchart>ul>li>ul li>.node::before {
     background-color: var(--lumo-body-text-color); 
 }
 
-.hybrid-chart .orgchart .verticalNodes ul>li::after, .hybrid-chart .orgchart .verticalNodes ul>li::before {
+.hybrid-chart .orgchart .nodes.vertical .hierarchy::after, .hybrid-chart .orgchart .nodes.vertical .hierarchy::before {
     border-color: var(--lumo-body-text-color);
 }