javascriptecuador / javascriptecuador/web
[BUG] Espacio en el contenedor y barra de slides. Sección Comunidad
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- JavaScript
- Sterne
- 24
- Forks
- 22
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
**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.

**Capturas de Pantalla**
Este es el comportamiento actual del slider.

**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;
}
```
Beitragsleitfaden
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Beginne in src/components/community-section/photo-slider/photo-slider.css und prüfe die .slick-dots li-Regeln, die vom Community-Fotoslider verwendet werden. Vergleiche das Ergebnis mit dem verlinkten aktuellen Screenshot und der Figma-Referenz; abgeschlossen ist die Aufgabe, wenn der Bildcontainer und die Leiste der Folienindikatoren den vorgesehenen Abstand haben und der Slider in den gemeldeten Desktop-Browsern korrekt angezeigt wird.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- css, javascript
- Bereich
- design, frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 1/5
- Geschätzter Aufwand
- Unter einer Stunde
- Aktivitätsstatus
- Veraltet
- Klarheit
- Klar beschrieben
- Anfängerfreundlichkeit
- 45/100