The navbar icons is zoom with the next icon too
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Idoneità per principianti
- 48/100
- Tipo di issue
- Bug
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Tranquilla
- Stack tecnologico
- javascript
Direzione di ricerca
Riproduci il problema nell’esempio di navbar Framework7 collegato nella visualizzazione mobile, confrontando la modalità normale con il tema iOS. Esamina gli stili delle icone della navbar e il comportamento dell’interazione tra le icone adiacenti; il lavoro è completato quando l’ingrandimento di un’icona non influisce più sull’icona successiva.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Before update to 8+ version this was worked, but currently the navbar icons are just zooming but it affect the next icon too. Please check the following code and video
...
<div class="navbar navbar-transparent">
<div class="navbar-bg"></div>
<div class="navbar-inner">
<div class="left">
<div class="padding-left">
<div @click="${subscribeOrProLink}">
<div class="text-align-center">
<img src="${proImage}" class="homeIcon"/>
<div class="homeText trPro">Pro</div>
</div>
</div>
</div>
<div class="padding-left">
<div @click="${preShareApp}">
<div class="text-align-center">
<img src="${shareImage}" class="homeIcon"/>
<div class="homeText trShare">Share</div>
</div>
</div>
</div>
</div>
<div class="right">
<div class="padding-left padding-right">
<div @click="${showLanguageSlectPopup}" class="homeLink touchable-img">
<div class="text-align-center">
<img src="${translateIcon}" class="homeIcon"/>
<div class="homeText trTranslate">Translate</div>
</div>
</div>
</div>
</div>
</div>
</div>
...
https://github.com/user-attachments/assets/a41016c5-0ab0-4444-9d97-e8ea121bf7c8
Also this issue is available in your navbar example, url is
https://framework7.io/docs-demos/core/navbar-hide-on-scroll?theme=md&mode=light
Note: Working in normal mode, you can see the problem in mobile view only. I think this style is applied from ios theme
Please check the video below
https://github.com/user-attachments/assets/f8b15902-d9a6-4f1c-9bae-fa727fc1fff7
- Lingua principale
- JavaScript
- Stelle
- 18.8k
- Fork
- 3.2k
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Guida per i contributori
Apri la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di framework7io/framework7
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
framework7io/framework7#4365 · 1 commento ·
-
propsHistory Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
framework7io/framework7#4347 · 1 commento ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 64/100
framework7io/framework7#4222 · 3 commenti ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
framework7io/framework7#4175 · 1 commento ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
framework7io/framework7#3969 · 3 commenti ·
Tutte le issue di framework7io/framework7
Issue simili
-
Update HugeIcons library Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
antfu-collective/icones#398 ·
-
ECmail.com Aperta
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 90/100
wesbos/burner-email-providers#554 ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
radiantearth/stac-browser#1023 ·
-
HMR stops working Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
components-web-app/docs#92 ·