Is dynamic card width possible?
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 5/5
- Temps estimé
- Plus d'une semaine
- Accessibilité débutants
- 25/100
- Type d'issue
- Fonctionnalité
- Clarté
- À clarifier
- Activité
- À l'abandon
- Stack technique
- angular, bootstrap, javascript
- Domaine
- frontend
Piste de recherche
Commencez par lire le calcul de cardWidth mentionné dans l’issue et reproduisez le comportement avec la mise en page responsive à 12 colonnes de Bootstrap et des images de tailles différentes. Déterminez si la largeur de la carte peut suivre la colonne responsive rendue après que Bootstrap a appliqué son dimensionnement ; done doit signifier que le balayage préserve les bonnes dimensions de l’image et de la carte selon les largeurs du navigateur et de l’appareil.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
Hi,
First, nice project! Thank you!
I am using bootstrap and its 12 grid system. I have picture of various sizes, and I currently display them inside a size 8 column with 2 columns on each side. I have width:100% on the picture so regardless of the size of the picture or size of the browser/device the picture stretch/shrink nicely and fill/fit the size 8 column.
When user swipe, I move to next picture. I try to use this project to have slide effect but cannot. The container has a huge width to hold all the pictures so it does not wrap. The width 100% on the image will stretch it to very large and got the wrong size. Set width:auto does not work because my picture has various sizes. Set to a specific pixel works but does not work when browser/device width changes.
I also tried to put the column inside cardflow. Did not work because the size 8 column has 66.66% as width and stretches to really big. I tried put the whole row inside cardflow. Also does not work. Basically the row could no longer figure out the browser/device width, or it is overwrite by cardflow.
I looked a little into the code. I see a calculation of cardWidth. Is it possible to have a dynamic cardWidth calculated after bootstrap apply the width to the pictures?
Thank you in advance.
--Gordon
- Langage dominant
- JavaScript
- Étoiles
- 15
- Forks
- 7
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Préparer son environnement
Ce projet ne fournit ni conteneur de développement, ni Dockerfile, ni guide de contribution : l'installation est à votre charge. Commencez par son README, et consultez notre guide de la première contribution pour les étapes générales.
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de konsumer/angular-cardflow
-
Infinite loopingOuverte
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 25/100
konsumer/angular-cardflow#3 · 1 commentaire ·
-
Dynamic loadOuverte
Difficulté 4/5 3-5 jours Accessibilité débutants 35/100
konsumer/angular-cardflow#1 · 15 commentaires ·
Toutes les issues de konsumer/angular-cardflow
Issues similaires
-
Edit: Monumental TV [PY]Ouvertechannels:edit check:passed
Difficulté 1/5 Moins d'une heure Accessibilité débutants 75/100
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 76/100
-
[External Plugin]: onetagOuverteexternal-plugin needs-review:HIGH ready-for-review
Difficulté 2/5 1-3 heures Accessibilité débutants 65/100
github/awesome-copilot#6346 · 2 commentaires ·
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 74/100
kingcharleslzy-ai/dsh-purge#179 ·
Les mainteneurs répondent en général sous 1 jour
-
status: ready
Difficulté 2/5 1-3 heures Accessibilité débutants 64/100
melodic-software/claude-code-plugins#15008 · 1 commentaire ·
Les mainteneurs répondent en général sous 1 jour