ywana-core8 0.1.82 → 0.1.84

package/dist/index.css

@@ -2713,13 +2713,18 @@ input:checked~.checkmark:after {
 
 .textfield>.icon {
   position: absolute;
-  top: 1.5rem;
+  top: 50%;
   right: .2rem;
+  transform: translateY(-50%);
   color: rgba(150,150,150,1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .textfield-outlined.no-label > .icon {
-  top: .5rem;
+  top: 50%;
+  transform: translateY(-50%);
 }
 
 .textfield-date>.icon,
@@ -2829,8 +2834,12 @@ input:read-only ~ label,
 
 .dropdown>.icon {
   position: absolute;
-  top: 1.7rem;
+  top: 50%;
   right: .2rem;
+  transform: translateY(-50%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .dropdown>.decorator {
@@ -2843,9 +2852,13 @@ input:read-only ~ label,
 .dropdown>.textfield>.icon,
 .dropdown>.textfield-outlined>.icon {
   position: absolute;
-  top: 1.7rem;
+  top: 50%;
   right: 2rem;
+  transform: translateY(-50%);
   color: rgba(150,150,150,1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .dropdown>menu {
@@ -7907,13 +7920,16 @@ body.datatable2-resizing {
     align-items: center;
     font: 1rem;
     color: var(--text-color-light);
+    cursor: pointer;
+    width: 100%;
+    min-height: 2rem;
+    padding: 0.25rem 0;
 }
 
 .tree-item:hover {
-    cursor: pointer;
     background-color: var(--background-color);
     font-weight: 500;
-} 
+}
 
 .tree-item.final {
     margin-left: 1rem;
@@ -7928,6 +7944,7 @@ body.datatable2-resizing {
 
 .tree-item>i {
     padding-left: .3rem;
+    pointer-events: none;
 }
 
 .tree-item>.label {
@@ -7936,10 +7953,10 @@ body.datatable2-resizing {
     display: flex;
     align-items: center;
     justify-content: space-between;
+    pointer-events: none;
 }
 
 .tree-item>.label.clickable:hover {
-    cursor: pointer;
     color: var(--accent-color);
 }
 
@@ -7949,11 +7966,13 @@ body.datatable2-resizing {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
+    pointer-events: none;
 }
 
 .tree-item>.actions {
     padding: 0 .5rem;
     color: var(--text-color-lighter);
+    pointer-events: auto;
 }
 
 .tree-item>.actions .rmwc-icon {
@@ -7988,14 +8007,42 @@ body.datatable2-resizing {
     padding-left: 2rem;
 }
 
-/* Tree search */
-.tree__search {
-    padding: 1rem;
+/* Tree header */
+.tree__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0.5rem;
     border-bottom: 1px solid var(--divider-color, #e0e0e0);
     background-color: var(--background-color-light, #fafafa);
+    gap: 0.5rem;
     margin-bottom: 0.5rem;
 }
 
+/* When only expand icon is present, align to right */
+.tree__header:has(.tree__expand-control):not(:has(.tree__search)) {
+    justify-content: flex-end;
+}
+
+/* Alternative for browsers that don't support :has() */
+.tree__header--expand-only {
+    justify-content: flex-end;
+}
+
+/* Tree search */
+.tree__search {
+    flex: 1;
+}
+
+/* Tree expand control */
+.tree__expand-control {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 2rem;
+    height: 2rem;
+}
+
 /* Tree controls */
 .tree__controls {
     display: flex;
@@ -8096,6 +8143,7 @@ body.datatable2-resizing {
     display: flex;
     align-items: center;
     margin-right: 0.5rem;
+    pointer-events: none;
 }
 
 /* TreeNode loading */
@@ -8126,7 +8174,7 @@ body.datatable2-resizing {
 
 /* TreeNode children */
 .tree-node__children {
-    margin-left: 1.5rem;
+    margin-left: .8rem;
     border-left: 1px solid var(--divider-color, #e0e0e0);
     padding-left: 0.5rem;
 }