javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(labels): Fix .input-label's width for androids w/out full flex box support, #998

Browse Source
This commit is contained in:
Adam Bradley
2014-04-02 15:39:34 -05:00
parent 87d3a2590d
commit 096a01c117
2 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
scss/_form.scss
View File

@@ -111,8 +111,10 @@ textarea {
.input-label {
@include flex(1, 0, 100px);
display: table;
padding: 7px 10px 7px 3px;
max-width: 200px;
width: 35%;
color: $input-label-color;
font-weight: bold;
font-size: $font-size-base;

12
test/html/input-text.html
View File

@@ -6,16 +6,16 @@
<link href="../../dist/css/ionic.css" rel="stylesheet">
<script src="../../dist/js/ionic.bundle.js"></script>
<script>
angular.module('ionicApp', ['ionic'])
angular.module('ionicApp', ['ionic']);
</script>
</head>
<body class="ionic-pseudo" ng-app="ionicApp">
<body ng-app="ionicApp">
<header class="bar bar-header bar-dark">
<h1 class="title">Text Inputs</h1>
</header>
<ion-content has-header="true">
<ion-content class="has-header">
<h3>Default Text Input, Not Inset, No Content Padding</h3>
<div class="list">
@@ -239,7 +239,7 @@
<h3>Stacked Label On Top Of Text Input, No Parent Content Padding</h3>
<div class="list">
<label class="item item-input item-stacked-label">
<i class="icon ion-email"></i>
<i class="icon ion-email"></i>
<span class="input-label">Email</span>
<input type="text" placeholder="your@email.com">
</label>
@@ -250,7 +250,7 @@
<h3>Stacked Label On Top Of Text Input, With Parent Content Padding</h3>
<div class="list">
<label class="item item-input item-stacked-label">
<i class="icon ion-cloud"></i>
<i class="icon ion-cloud"></i>
<span class="input-label">SaaS</span>
<input type="text" placeholder="Codiqa">
</label>
@@ -259,7 +259,7 @@
<h3>Stacked Label On Top Of Text Input, list-inset, With Parent Content Padding</h3>
<div class="list list-inset">
<label class="item item-input item-stacked-label">
<i class="icon ion-headphone"></i>
<i class="icon ion-headphone"></i>
<span class="input-label">Favorite Music</span>
<input type="text" placeholder="Bee Gees">
</label>