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

list thumbnail img:first-child, .list-img

Browse Source
This commit is contained in:
Adam Bradley
2013-10-21 21:31:20 -05:00
parent 7c97202ebd
commit 7ae0151efa
5 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1190,7 +1190,7 @@ button.list-icon-right .list-item-content:after {
.list-thumbnail .list-item-content { .list-thumbnail .list-item-content {
padding-left: 95px; padding-left: 95px;
min-height: 80px; } min-height: 80px; }
.list-thumbnail .list-item-content .thumbnail { .list-thumbnail .list-item-content img:first-child, .list-thumbnail .list-item-content .list-img {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;

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

@ -1894,7 +1894,7 @@
.ionic .list-thumbnail .list-item-content { .ionic .list-thumbnail .list-item-content {
padding-left: 95px; padding-left: 95px;
min-height: 80px; } min-height: 80px; }
.ionic .list-thumbnail .list-item-content .thumbnail { .ionic .list-thumbnail .list-item-content img:first-child, .ionic .list-thumbnail .list-item-content .list-img {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;

2
dist/css/ionic.css vendored
View File

@ -2333,7 +2333,7 @@ button.list-icon-right .list-item-content:after {
.list-thumbnail .list-item-content { .list-thumbnail .list-item-content {
padding-left: 95px; padding-left: 95px;
min-height: 80px; } min-height: 80px; }
.list-thumbnail .list-item-content .thumbnail { .list-thumbnail .list-item-content img:first-child, .list-thumbnail .list-item-content .list-img {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;

2
scss/ionic/_list.scss
View File

@ -190,7 +190,7 @@ button.list-icon-right {
padding-left: $list-thumbnail-width + $list-item-padding; padding-left: $list-thumbnail-width + $list-item-padding;
min-height: $list-thumbnail-width; min-height: $list-thumbnail-width;
.thumbnail { img:first-child, .list-img {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;

10
test/lists.html
View File

@ -208,7 +208,7 @@
<a href="#" class="list-item list-thumbnail"> <a href="#" class="list-item list-thumbnail">
<div class="list-item-content"> <div class="list-item-content">
<img class="thumbnail" src="//ecx.images-amazon.com/images/I/41D5vU4I1NL.jpg"> <img src="//ecx.images-amazon.com/images/I/41D5vU4I1NL.jpg">
<h2>Pretty Hate Machine</h2> <h2>Pretty Hate Machine</h2>
<p>Nine Inch Nails</p> <p>Nine Inch Nails</p>
</div> </div>
@ -216,7 +216,7 @@
<a href="#" class="list-item list-thumbnail"> <a href="#" class="list-item list-thumbnail">
<div class="list-item-content"> <div class="list-item-content">
<img class="thumbnail" src="//ecx.images-amazon.com/images/I/41H62046AHL.jpg"> <img src="//ecx.images-amazon.com/images/I/41H62046AHL.jpg">
<h2>Siamese Dream</h2> <h2>Siamese Dream</h2>
<p>Smashing Pumpkins</p> <p>Smashing Pumpkins</p>
</div> </div>
@ -224,7 +224,7 @@
<a href="#" class="list-item list-thumbnail"> <a href="#" class="list-item list-thumbnail">
<div class="list-item-content"> <div class="list-item-content">
<img class="thumbnail" src="//ecx.images-amazon.com/images/I/51tr3o4kd9L.jpg"> <img src="//ecx.images-amazon.com/images/I/51tr3o4kd9L.jpg">
<h2>Nevermind</h2> <h2>Nevermind</h2>
<p>Nirvana</p> <p>Nirvana</p>
</div> </div>
@ -232,7 +232,7 @@
<a href="#" class="list-item list-thumbnail"> <a href="#" class="list-item list-thumbnail">
<div class="list-item-content"> <div class="list-item-content">
<img class="thumbnail" src="//ecx.images-amazon.com/images/I/51j-SggaWSL.jpg"> <img src="//ecx.images-amazon.com/images/I/51j-SggaWSL.jpg">
<h2>License To Ill</h2> <h2>License To Ill</h2>
<p>Bestie Boys</p> <p>Bestie Boys</p>
</div> </div>
@ -240,7 +240,7 @@
<a href="#" class="list-item list-thumbnail"> <a href="#" class="list-item list-thumbnail">
<div class="list-item-content"> <div class="list-item-content">
<img class="thumbnail" src="//ecx.images-amazon.com/images/I/61e6mUocZNL.jpg"> <img src="//ecx.images-amazon.com/images/I/61e6mUocZNL.jpg">
<h2>Dookie</h2> <h2>Dookie</h2>
<p>Green Day</p> <p>Green Day</p>
</div> </div>