@kizmann/nano-ui 0.9.1 → 0.9.3

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kizmann/nano-ui",
-    "version": "0.9.1",
+    "version": "0.9.3",
     "license": "MIT",
     "private": false,
     "author": "Eduard Kizmann <kizmann@protonmail.ch>",

package/src/popover/src/popover/popover.scss

@@ -68,7 +68,6 @@
     line-height: 1.2;
 }
 
-
 .n-popover-option .n-image {
     flex: 0 0 auto;
     margin-top: -2px;
@@ -139,6 +138,7 @@
 
     .n-popover--#{$suffix} .n-popover__body .n-popover-group,
     .n-popover--#{$suffix} .n-popover__body .n-popover-option {
+        width: calc(100% + #{$-popover-padding * 2.4});
         margin: 0 -#{$-popover-padding * 1.2};
     }
 
@@ -153,8 +153,8 @@
     }
 
     .n-popover-option--#{$suffix} .n-image {
-        width: $-popover-font + 6;
-        height: $-popover-font + 6;
+        width: $-popover-font + 10;
+        height: $-popover-font + 10;
     }
 
     .n-popover-option--#{$suffix} .n-icon {

package/src/select/src/select/select.js

@@ -836,8 +836,16 @@ export default {
 
     renderPopover()
     {
+        let classList = [
+            'n-popover--select'
+        ];
+
+        if ( this.lazy ) {
+            classList.push('n-virtual');
+        }
+
         let props = {
-            class: 'n-popover--select',
+            class: classList,
             trigger: 'click',
             width: - 1,
             listen: true,

package/src/select/src/select/select.scss

@@ -118,13 +118,17 @@
 }
 
 .n-select__body.n-virtual {
-    min-height: 310px;
+    min-height: 210px;
 }
 
  .n-select__empty {
      text-align: center;
 }
 
+.n-popover--select.n-virtual {
+    overflow: hidden;
+}
+
 @each $suffix, $values in $form {
 
     $-select-font: map-get($values, 'font');

package/servy.json

@@ -1,6 +0,0 @@
-{
-    "hostname": "nano-ui.local",
-    "webroot": "",
-    "version": "php-8.2.8",
-    "engine": "apache"
-}