fix: movidos partials a carpeta designs y varias correcciones #13587

app/assets/stylesheets/application.scss

@@ -298,56 +298,38 @@ svg {
   font-weight: bold;
 }
 
-.custom-control-design-label::after {
-  display: none;
-}
-
 .max-height {
   max-height: 500px;
 }
 
-.radio-toolbar {
-  opacity: 0;
-  position: absolute;
-  width: 0;
-}
-
 // details styles
-.details {
+
+.details summary {
+  list-style: none;
+  cursor: default;
   position: relative;
-}
-
-.styled summary::-webkit-details-marker {
-  display: none;
+  
+  &::after {
+    content: '▶';
+    font-size: 2rem;
+    position: absolute;
+    left: 97%;
+    bottom: 46%;
+    transform: rotate(55deg);
+    color: $magenta
+  }
+  
+  &:focus {
+  background-color: #13FEFE;
+  color: black
+  }
  }
  
- .styled summary {
-   list-style: none;
-   cursor: default;
-   position: relative;
-   
-   &::after {
-     content: '▶';
-     font-size: 2em;
-     position: absolute;
-     left: 97%;
-     bottom: 46%;
-     transform: rotate(55deg);
-     color: magenta
-   }
-   
-   &:focus {
-    background-color: #13FEFE;
-    color: black
-   }
- }
- 
- details[open].styled > summary::after {
+.details[open] > summary::after {
    transform: rotate(90deg) translatey(-0.1em);
-   color: magenta
+   color: $magenta
  }
 
-
 .editor {
   .ProseMirror-menubar {
     min-height: 32px;
@@ -601,25 +583,6 @@ $bezier: cubic-bezier(0.75, 0, 0.25, 1);
   h4 { min-height: $h4-font-size * $headings-line-height; }
   h5 { min-height: $h5-font-size * $headings-line-height; }
   h6 { min-height: $h6-font-size * $headings-line-height; }
-
-  iframe { border: 0; }
-
-  audio { width: 100%; }
-
-  img,
-  video,
-  iframe {
-    @extend .img-fluid;
-    height: auto;
-  }
-
-  & > * {
-    margin-bottom: 1rem;
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
 }
 
 .toggler {
@@ -631,3 +594,15 @@ $bezier: cubic-bezier(0.75, 0, 0.25, 1);
     display: flex;
   }
 }
+
+.opacity-0 {
+  opacity: 0;
+}
+
+.position-absolute {
+  position: absolute;
+}
+
+.width-0 {
+  width: 0;
+}

app/views/designs/_designs_desktop.haml

@@ -1,6 +1,6 @@
 = form_for site, html: { class: form_class(site) } do |f|
   -# Desktop view with 3 columns and radio_buttons
-  .row.designs.d-none.d-lg-flex
+  .row.d-none.d-lg-flex
     .col-md-4.max-height.overflow-auto
       %h2.pb-3= t('.selector')
       - @designs.each do |design|
@@ -16,18 +16,17 @@
         = f.radio_button :design_id, design.id,
           checked: design.id == (site.design_id || @designs.first.id),
           disabled: design.disabled,
-          required: true, class: 'radio-toolbar toggler'
+          required: true, class: 'width-0 opacity-0 position-absolute toggler'
         .row.toggled
           .col-md-8.border-0.border-lg-right.border-dashed.border-cyan
             .border-lg-left.border-cyan
               %h2.text-center.pb-3= t('.preview')
               .embed-responsive.embed-responsive-1by1
-                %iframe.embed-responsive-item{allowfullscreen: "", src: "/placeholder.png"}
+                %iframe.embed-responsive-item{allowfullscreen: "", src: design.url }
           .col-md-3
             %h2.pb-3= t('.characteristics')
             %div
-            - characteristics = design.characteristics
-            - characteristics.each_line.with_index do |characteristic, index|
-              %h5 #{index+1}. #{characteristic} 
+            - design.characteristics.each_line do |characteristic|
+              %h5 #{characteristic} 
             %br 
-            %a.btn.btn-primary.btn-lg.mt-4{role: "button", href: design.url}= t('.source_code') 
+            %a.btn.btn-primary.btn-lg.mt-4{role: "button", href: design.url}= t('.source_code')

app/views/designs/_designs_mobile.haml

@@ -4,10 +4,10 @@
     .col 
       %h1.pb-3.text-center.font-weight-bolder= t('.selector')
       - @designs.each do |design|
-        %details.styled.pl-2.mb-n1.border-magenta.border-solid
+        %details.details.pl-2.mb-n1.border-magenta.border-solid
           %summary
             %h5.font-weight-bolder.pt-2 - #{design.name}  
-            .pb-2 #{design.description}
+            .pb-2 design.description
           .col
             %h5.text-center.font-weight-bolder.pb-3= t('.preview')
             .embed-responsive.embed-responsive-1by1
@@ -15,6 +15,6 @@
           .col
             %h5.text-center.font-weight-bolder.pb-3= t('.characteristics')
             - characteristics = design.characteristics
-            - characteristics.each_line.with_index do |characteristic, index|
-              %h5 #{index+1}. #{characteristic} 
+            - characteristics.each_line do |characteristic|
+              %h5 #{characteristic} 
             %a.btn.btn-primary.btn-lg.btn-block.mt-4{role: "button", href: design.url}= t('.source_code')

app/views/sites/_designs.haml

@@ -7,6 +7,6 @@
           = t('activerecord.errors.models.site.attributes.design_id.layout_incompatible.help',
             layouts: site.incompatible_layouts.to_sentence)
       
-      = render 'designs_desktop', site: @site, designs: @designs 
-      = render 'designs_mobile', site: @site, designs: @designs 
-      = render 'designs_buttons', site: @site, designs: @designs 
+      = render '/designs/designs_desktop', site: @site, designs: @designs
+      = render '/designs/designs_mobile', site: @site, designs: @designs
+      = render '/designs/designs_buttons', site: @site, designs: @designs

app/views/sites/_form.haml

@@ -46,7 +46,7 @@
       .invalid-feedback= site.errors.messages[:description].join(', ')
     %hr/
 
-  = render 'designs', site: @site, designs: @designs 
+  = render 'designs', site: @site, designs: @designs
 
   .form-group.licenses#license_id
     %h2= t('.licencia.title')

config/locales/es.yml

@@ -464,6 +464,17 @@ es:
         title: Tienda
         first_time_html: 'La tienda es un servicio opcional que te permite comercializar a través de tu sitio en Sutty. Para configurarla, <a href="https://sutty.nl/#contacto">te invitamos a ponerte en contacto con nosotres</a> :)'
         help: 'Puedes configurar tu tienda aquí.'
+    fetch:
+      title: 'Actualizar el sitio'
+      help:
+        fetch: 'Todos los cambios en el sitio se guardan en un repositorio _git_.  En git, se guarda la diferencia entre una versión anterior y la actual de todos los archivos y podemos explorar la historia de un proyecto.  Además, podemos traer y enviar cambios con otros repositorios.  En este caso, todos los sitios gestionados desde Sutty tienen una raíz común, que llamamos [esqueleto](https://0xacab.org/sutty/skel.sutty.nl).  Cuando hacemos cambios en el esqueleto para mejorar los sitios, podés explorar los cambios aquí y aceptarlos.'
+      toc: 'Tabla de contenidos'
+      merge:
+        request: 'Incorporar los cambios en mi sitio'
+        success: 'Ya se incorporaron los cambios en el sitio, se aplicarán en la próxima compilación que hagas :)'
+        error: 'Hubo un error al incorporar los cambios en el sitio.  Esto puede deberse a conflictos entre cambios que no se pueden resolver automáticamente.  Hemos enviado un reporte del problema a les administradores de Sutty para que estén al tanto de la situación.  ¡Lo sentimos! :('
+        message: 'Actualización del esqueleto'
+  designs:  
     designs_desktop:
       selector: 'Selector de Plantillas'
       preview: 'Previsualización de Plantilla'
@@ -483,16 +494,9 @@ es:
         title: '¿Deseas hacer una donación?'
         help: 'Ésto nos ayudará a realizar más diseños gratis para la comunidad'
         link: 'Donación'
-    fetch:
-      title: 'Actualizar el sitio'
-      help:
-        fetch: 'Todos los cambios en el sitio se guardan en un repositorio _git_.  En git, se guarda la diferencia entre una versión anterior y la actual de todos los archivos y podemos explorar la historia de un proyecto.  Además, podemos traer y enviar cambios con otros repositorios.  En este caso, todos los sitios gestionados desde Sutty tienen una raíz común, que llamamos [esqueleto](https://0xacab.org/sutty/skel.sutty.nl).  Cuando hacemos cambios en el esqueleto para mejorar los sitios, podés explorar los cambios aquí y aceptarlos.'
-      toc: 'Tabla de contenidos'
-      merge:
-        request: 'Incorporar los cambios en mi sitio'
-        success: 'Ya se incorporaron los cambios en el sitio, se aplicarán en la próxima compilación que hagas :)'
-        error: 'Hubo un error al incorporar los cambios en el sitio.  Esto puede deberse a conflictos entre cambios que no se pueden resolver automáticamente.  Hemos enviado un reporte del problema a les administradores de Sutty para que estén al tanto de la situación.  ¡Lo sentimos! :('
-        message: 'Actualización del esqueleto'
+  webhooks:
+    pull:
+      message: 'Traer los cambios a partir de un evento remoto'
   footer:
     powered_by: 'es desarrollada por'
   i18n: