javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 23:16:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

avatar derp

Browse Source
This commit is contained in:
Adam Bradley
2013-10-25 15:15:57 -05:00
parent 5c0dd9eb33
commit 48eb83ca62
6 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
dist/css/ionic-ios7.css vendored
View File

@ -1222,10 +1222,10 @@ a.item-icon-right:after,
button.item-icon-right:after { button.item-icon-right:after {
display: none; } display: none; }
.item-avitar { .item-avatar {
padding-left: 70px; padding-left: 70px;
min-height: 70px; } min-height: 70px; }
.item-avitar img:first-child, .item-avitar .item-img { .item-avatar img:first-child, .item-avatar .item-img {
position: absolute; position: absolute;
top: 15px; top: 15px;
left: 15px; left: 15px;

4
dist/css/ionic-scoped.css vendored
View File

@ -1933,10 +1933,10 @@
.ionic a.item-icon-right:after, .ionic a.item-icon-right:after,
.ionic button.item-icon-right:after { .ionic button.item-icon-right:after {
display: none; } display: none; }
.ionic .item-avitar { .ionic .item-avatar {
padding-left: 70px; padding-left: 70px;
min-height: 70px; } min-height: 70px; }
.ionic .item-avitar img:first-child, .ionic .item-avitar .item-img { .ionic .item-avatar img:first-child, .ionic .item-avatar .item-img {
position: absolute; position: absolute;
top: 15px; top: 15px;
left: 15px; left: 15px;

4
dist/css/ionic.css vendored
View File

@ -2365,10 +2365,10 @@ a.item-icon-right:after,
button.item-icon-right:after { button.item-icon-right:after {
display: none; } display: none; }
.item-avitar { .item-avatar {
padding-left: 70px; padding-left: 70px;
min-height: 70px; } min-height: 70px; }
.item-avitar img:first-child, .item-avitar .item-img { .item-avatar img:first-child, .item-avatar .item-img {
position: absolute; position: absolute;
top: 15px; top: 15px;
left: 15px; left: 15px;

4
scss/ionic/_items.scss
View File

@ -209,10 +209,10 @@ button.item-icon-right:after {
} }
// Item Avitar // Item Avatar
// ------------------------------- // -------------------------------
.item-avitar { .item-avatar {
padding-left: $item-avitar-width + ($item-padding * 2); padding-left: $item-avitar-width + ($item-padding * 2);
min-height: $item-avitar-width + ($item-padding * 2); min-height: $item-avitar-width + ($item-padding * 2);

4
test/cards.html
View File

@ -70,7 +70,7 @@
<div class="list card"> <div class="list card">
<div class="item item-avitar"> <div class="item item-avatar">
<img src="http://tutupash.com/site/assets/nin_logo.jpeg"> <img src="http://tutupash.com/site/assets/nin_logo.jpeg">
<h2>Pretty Hate Machine</h2> <h2>Pretty Hate Machine</h2>
<p>Nine Inch Nails</p> <p>Nine Inch Nails</p>
@ -89,7 +89,7 @@
<div class="list card"> <div class="list card">
<div class="item item-avitar"> <div class="item item-avatar">
<img src="http://mimg.ugo.com/201001/34590/cuts/marty-mcfly_288x288.jpg"> <img src="http://mimg.ugo.com/201001/34590/cuts/marty-mcfly_288x288.jpg">
<h2>Marty McFly</h2> <h2>Marty McFly</h2>
<p>November 05, 1955</p> <p>November 05, 1955</p>

8
test/lists.html
View File

@ -362,7 +362,7 @@
<h3>Thumbnails .item-thumbnail</h3> <h3>Thumbnails .item-thumbnail</h3>
<div class="list"> <div class="list">
<a href="#" class="item item-avitar"> <a href="#" class="item item-avatar">
<div class="item-content"> <div class="item-content">
<img src="http://ecx.images-amazon.com/images/I/41D5vU4I1NL.jpg"> <img src="http://ecx.images-amazon.com/images/I/41D5vU4I1NL.jpg">
<h2>Pretty Hate Machine</h2> <h2>Pretty Hate Machine</h2>
@ -370,7 +370,7 @@
</div> </div>
</a> </a>
<a href="#" class="item item-avitar"> <a href="#" class="item item-avatar">
<div class="item-content"> <div class="item-content">
<img src="http://ecx.images-amazon.com/images/I/51tr3o4kd9L.jpg"> <img src="http://ecx.images-amazon.com/images/I/51tr3o4kd9L.jpg">
<h2>Nevermind</h2> <h2>Nevermind</h2>
@ -378,7 +378,7 @@
</div> </div>
</a> </a>
<a href="#" class="item item-avitar"> <a href="#" class="item item-avatar">
<div class="item-content"> <div class="item-content">
<img src="http://ecx.images-amazon.com/images/I/51j-SggaWSL.jpg"> <img src="http://ecx.images-amazon.com/images/I/51j-SggaWSL.jpg">
<h2>License To Ill</h2> <h2>License To Ill</h2>
@ -386,7 +386,7 @@
</div> </div>
</a> </a>
<a href="#" class="item item-avitar"> <a href="#" class="item item-avatar">
<div class="item-content"> <div class="item-content">
<img src="http://ecx.images-amazon.com/images/I/61e6mUocZNL.jpg"> <img src="http://ecx.images-amazon.com/images/I/61e6mUocZNL.jpg">
<h2>Dookie</h2> <h2>Dookie</h2>