css - Ionic 2: Remove gigantic padding from form elements -


q) have following page grid structure , want remove padding around it's not huge. there nice way doesn't ruin ionic styling out of box?

here's structure:

<ion-content>   <ion-row baseline>     <ion-col width-90>       <ion-item>         <ion-label stacked>email</ion-label>         <ion-input type="text"></ion-input>       </ion-item>     </ion-col>     <ion-col width-10>       <ion-icon name='more'></ion-icon>     </ion-col>   </ion-row>   <ion-row baseline>     <ion-col width-90>       <ion-item>         <ion-label stacked>floor</ion-label>         <ion-select item-right>           <ion-option value="nes">nes</ion-option>           <ion-option value="n64">nintendo64</ion-option>           <ion-option value="ps">playstation</ion-option>           <ion-option value="genesis">sega genesis</ion-option>           <ion-option value="saturn">sega saturn</ion-option>           <ion-option value="snes">snes</ion-option>         </ion-select>       </ion-item>     </ion-col>     <ion-col width-10>       <ion-icon name='more'></ion-icon>     </ion-col>   </ion-row> </ion-content> 

which looks this:

enter image description here

thanks.

try giving override in app.variables.scss file grid bro..

$grid-padding-width: desired value (its 10 default).

also have @ - https://github.com/driftyco/ionic/blob/2.0/ionic/components/grid/grid.scss

hope helps you.


Comments

Popular posts from this blog

java - Run spring boot application error: Cannot instantiate interface org.springframework.context.ApplicationListener -

python - pip wont install .WHL files -

Excel VBA "Microsoft Windows Common Controls 6.0 (SP6)" Location Changes -