diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss index c08d02f3..f94c32d9 100644 --- a/app/assets/stylesheets/application.scss +++ b/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; +} \ No newline at end of file diff --git a/app/views/sites/_designs_buttons.haml b/app/views/designs/_designs_buttons.haml similarity index 100% rename from app/views/sites/_designs_buttons.haml rename to app/views/designs/_designs_buttons.haml diff --git a/app/views/sites/_designs_desktop.haml b/app/views/designs/_designs_desktop.haml similarity index 78% rename from app/views/sites/_designs_desktop.haml rename to app/views/designs/_designs_desktop.haml index b72f1bb1..82e7cf15 100644 --- a/app/views/sites/_designs_desktop.haml +++ b/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') diff --git a/app/views/sites/_designs_mobile.haml b/app/views/designs/_designs_mobile.haml similarity index 77% rename from app/views/sites/_designs_mobile.haml rename to app/views/designs/_designs_mobile.haml index 2d64a17f..32e81323 100644 --- a/app/views/sites/_designs_mobile.haml +++ b/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') diff --git a/app/views/sites/_designs.haml b/app/views/sites/_designs.haml index 9bd95a9c..07295290 100644 --- a/app/views/sites/_designs.haml +++ b/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 diff --git a/app/views/sites/_form.haml b/app/views/sites/_form.haml index 1941b9a1..1db3395f 100644 --- a/app/views/sites/_form.haml +++ b/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') diff --git a/config/locales/es.yml b/config/locales/es.yml index fca664bb..a3cd1946 100644 --- a/config/locales/es.yml +++ b/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, te invitamos a ponerte en contacto con nosotres :)' 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: