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:
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
Post a Comment