backend-skins 0.1.26 → 0.1.27

package/dist/modern/css/my-menu.styl

@@ -297,7 +297,7 @@ button
 
 .table-param-screen td:not([contenteditable]) {
   text-transform: uppercase;
-  font-size: x-small;
+  font-size: small;
   font-weight: bold;
   color: #666;
 }

package/dist/modern/dialog-promise/dialog-promise.styl

@@ -3,15 +3,12 @@
   background-color rgba(255,255,255,0.95) // Un toque más opaco para legibilidad
   text-align center
   margin 0px
-  padding 15px !important// Aumentamos padding para que el contenido respire
   border 1px solid #456b71
   box-shadow 5px 5px 15px rgba(137, 127, 140, 0.4) // Sombra más suave y moderna
   width auto
   max-width 90%
   height auto
   max-height 90%
-  overflow auto
-  -webkit-animation animatezoom 0.3s
   animation animatezoom 0.3s
 
   &[docked=under]
@@ -20,99 +17,27 @@
   &[docked=under-right]
     transform-origin top right
 
-  // --- EL INPUT PROLIJO DENTRO DEL DIALOG ---
-  .dialog-promise-upper-div
-    display flex
-    align-items center
-    background #fff
-    border 1px solid #456b71 // Mismo color de borde que el modal para coherencia
-    border-radius 6px
-    padding 8px 12px
-    margin-bottom 20px     // El espacio abajo que pediste
-    min-height 45px
-    box-sizing border-box
-    transition all 0.2s ease
-    text-align left        // Alineamos texto a la izquierda aunque el padre sea center
-
-    &:focus-within
-      border-color #ddd
-      box-shadow 0 0 0 3px rgba(59, 130, 246, 0.1)
-
-    // El div interno que contiene los elementos
-    & > div:first-child
-      display flex
-      align-items center
-      width 100%
-      gap 10px
-
-      // Lupa a la IZQUIERDA
-      img
-        order 1
-        height 16px
-        width auto
-        opacity 0.6
-        flex-shrink 0
-
-      // El Texto/Input al CENTRO
-      span[contenteditable="true"]
-        order 2
-        flex 1
-        top 0 !important      // Mata el -40px viejo
-        outline none
-        font-size 15px
-        color #333
-        min-width 120px
-
-        &:empty::before
-          content "Escribe para filtrar..."
-          color #999
-          pointer-events none
-
-      // La X a la DERECHA
-      .dialog-promise-close-button
-        order 3
-        background transparent
-        border none
-        cursor pointer
-        padding 5px
-        color #456b71
-        display flex
-        align-items center
-        font-size 18px
-        line-height 1
-
-        &:hover
-          color #ef4444
-          transform scale(1.1)
-
-    // Limpiador antiguo
-    div[style*="clear"]
-      display none !important
+// --- EL INPUT PROLIJO DENTRO DEL DIALOG ---
+.dialog-promise .dialog-promise-upper-div
+  padding 0px 5px
 
 .dialog-promise-upper-div
   // 1. Contenedor Principal (El "Input" grande)
   display flex
   align-items center
   background #ffffff
-  border 2px solid #e2e8f0
-  border-radius 4px
-  padding 0 8px !important
-  margin-bottom 10px !important     // Espacio abajo
-  box-shadow 0 2px 4px rgba(0,0,0,0.02)
-  transition all 0.2s ease
-  box-sizing border-box
 
   &:focus-within
     border-color #ddd
-    box-shadow 0 0 0 4px rgba(59, 130, 246, 0.1)
+    box-shadow 0 0 0 1px rgba(59, 130, 246, 0.1)
 
   // 2. Ajuste del div interno para distribuir elementos
   & > div:first-child
     display flex
     align-items center
     width 100%
-    gap 4px
     position relative
+    gap 5px
 
     // Lupa a la IZQUIERDA
     img
@@ -126,11 +51,9 @@
     span[contenteditable="true"]
       order 2
       flex 1             // Toma todo el espacio sobrante
-      top 0 !important   // Mata el -40px
       outline none
       font-size 16px
       color #1e293b
-      padding 8px 0
       min-width 100px
 
     // La "X" a la DERECHA
@@ -148,26 +71,6 @@
       &:hover
         color #ef4444
 
-  // 3. Limpieza de residuos antiguos
-  div[style*="clear"]
-    display none !important
-
-// --- MEJORA DE LA LISTA (TABLA) ---
-.dialog-promise-inner-div
-  max-height 350px           // Altura máxima para que no se pierda en la pantalla
-  overflow-y auto            // Scroll vertical
-  margin-top 5px
-  padding-right 5px          // Espacio para el scrollbar
-
-  // Personalización del Scrollbar (Moderno y fino)
-  &::-webkit-scrollbar
-    width 6px
-  &::-webkit-scrollbar-thumb
-    background #cbd5e1
-    border-radius 10px
-  &::-webkit-scrollbar-track
-    background transparent
-
 // Estilo de la tabla de opciones
 table.dialog-menu
   width 100%
@@ -185,16 +88,14 @@ table.dialog-menu
 
     // Estilo de las celdas
     td
-      padding 10px 12px
       border none            // Quitamos bordes de tabla vieja
       text-align left
       color #475569          // Gris azulado moderno
-      font-family 'Segoe UI', system-ui, sans-serif
       font-size 14px
 
       // Primera columna (si está vacía la hacemos pequeña)
       &:first-child
-        width 20px
+        width 15px
         padding-right 0
 
       label
@@ -221,11 +122,10 @@ table.dialog-menu
 // Estilo para todos los inputs del sistema
 input
   border 1px solid #ddd
-  padding 3px 7px
+  padding 3px 5px
   position relative
   background transparent
   border-radius 4px // Un pequeño radio para que no sea tan rígido
-  font-family inherit
   font-size 14px
   transition border-color 0.2s ease, box-shadow 0.2s ease
   outline none // Quitamos el outline azul por defecto del navegador
@@ -236,10 +136,13 @@ input
     box-shadow 0 0 0 2px rgba(25, 118, 210, 0.1)
     background #fff // Al escribir, un fondo blanco ayuda a la lectura
 
+.dialog-promise-inner-div
+  margin-top: 10px
+
+
 .dialog-promise-inner-div input {
   border-width: 1px;
   border-radius: 3px;
   border-color: #ddd;
   padding: 3px;
-  box-shadow: 1px 1px 5px #ddd;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "backend-skins",
   "description": "Skins for backend-plus",
-  "version": "0.1.26",
+  "version": "0.1.27",
   "author": "Codenautas <codenautas@googlegroups.com>",
   "license": "MIT",
   "repository": "codenautas/backend-skins",