javascriptecuador / javascriptecuador/web

[BUG] Espacio en el contenedor y barra de slides. Sección Comunidad

Open
#83 0 comments 0 reactions 0 assignees View on GitHub
bug enhancement
Dominant language
JavaScript
Stars
24
Forks
22
PR merge metrics
No merged PRs in 30d

Description

**Describe el bug/error**
Se debe mejorar la presentación del slider de Comunidad. Actualmente por diferencia de tamaños en las imágenes del slider, no se está visualizando correctamente el componente. Pero se debe añadir una pequeña separación entre el contenedor de imágenes y la barra de slides.

**Para reproducirlo**
Pasos para reproducir el comportamiento:
1. Ir a 'localhost:8000 || javascript.ec'
2. Scroll down a 'Comunidad'
4. Ver el error

**Comportamiento esperado**
De acuerdo con el prototipo en Figma, existe un pequeño espacio entre el contenedor de slides y la barra de slides.
![image](https://user-images.githubusercontent.com/20387293/111239384-0db6c500-85c7-11eb-9f18-b0e1797c73b7.png)

**Capturas de Pantalla**
Este es el comportamiento actual del slider.
![image](https://user-images.githubusercontent.com/20387293/111240121-95e99a00-85c8-11eb-948b-a6181b0ecb50.png)

**Desktop:**
- OS: Windows 10 x64 v.20H2
- Navegador [ Brave Browser v.1.21.76, MS Edge v.89.0.774.54 ]

**Información adicional**
Para resolver este bug, debes arreglar este estilo en `src\components\community-section\photo-slider\photo-slider.css`
```css
.slick-dots li {
border-radius: 10em;
width: 11.36%;
height: 15.65px; /* esta regla presenta conflictos. */
margin: 0 0.4em;
}
```

Contributor guide

Open the contributing guide

Research direction

Start in src/components/community-section/photo-slider/photo-slider.css and inspect the .slick-dots li rules used by the Community photo slider. Compare the result with the linked current screenshot and Figma reference; done means the image container and slide indicator bar have the intended spacing and the slider displays correctly across the reported desktop browsers.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, javascript
Domain
design, frontend
Issue type
Bug
Difficulty
1/5
Estimated time
Under an hour
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.