change: sample structure

fix: tooltip of some readonly column in editing mode
feature: adapt filter panel's height

lib/ui/css/functions/func.scss

@@ -44,6 +44,11 @@
     }
 }
 
+@mixin wrap() {
+    white-space: normal;
+    word-break: break-word;
+}
+
 @mixin ui-check() {
     .ui-check-inner {
         position: relative;

lib/ui/css/grid.scss

@@ -118,7 +118,7 @@
                                 text-overflow: ellipsis;
 
                                 &.wrap {
-                                    white-space: normal;
+                                    @include wrap();
                                 }
                             }
 
@@ -286,14 +286,14 @@
                         }
 
                         >span {
-                            padding: var(--spacing-cell);
+                            margin: var(--spacing-cell);
                             display: block;
                             overflow: hidden;
                             text-overflow: ellipsis;
                             white-space: pre;
 
                             &.wrap {
-                                white-space: normal;
+                                @include wrap();
                             }
                         }
                     }
@@ -434,7 +434,7 @@
                             justify-content: center;
                             align-items: center;
                             position: relative;
-                            padding: var(--spacing-s);
+                            // padding: var(--spacing-s);
 
                             >svg {
                                 width: 16px;