javascriptecuador / javascriptecuador/web

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

Aperta
#83 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub
bug enhancement
Lingua principale
JavaScript
Stelle
24
Fork
22
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

**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;
}
```

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia da src/components/community-section/photo-slider/photo-slider.css e ispeziona le regole .slick-dots li utilizzate dallo slider fotografico della community. Confronta il risultato con lo screenshot attuale collegato e il riferimento Figma; il lavoro è completato quando il contenitore dell'immagine e la barra degli indicatori delle slide hanno la spaziatura prevista e lo slider viene visualizzato correttamente nei browser desktop segnalati.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
css, javascript
Ambito
design, frontend
Tipo di issue
Bug
Difficoltà
1/5
Tempo stimato
Meno di un'ora
Stato di attività
Ferma
Chiarezza
Specificata chiaramente
Idoneità per principianti
45/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.