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

auto right arrow on lists

Browse Source
This commit is contained in:
Adam Bradley
2013-10-21 12:12:05 -05:00
parent 404fab4cc3
commit 349461675d
6 changed files with 139 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
dist/css/ionic.css vendored
View File

@@ -2228,7 +2228,8 @@ a.list-item {
border: 1px solid #dddddd;
z-index: 2;
margin-top: -1px;
padding: 15px;
padding: 15px 45px 15px 15px;
font-size: 16px;
-webkit-transition: margin-left 0.2s ease-in-out, margin-right 0.2s ease-in-out, left 0.2s ease-in-out; }
.list-item-content i {
@@ -2244,14 +2245,36 @@ a.list-item {
.list-icon-left .list-item-content i {
left: 7.5px; }
.list-icon-right .list-item-content {
padding-right: 45px; }
.list-icon-right .list-item-content i {
right: 7.5px; }
.list-icon-right .list-item-content i {
right: 7.5px; }
.list-icon-left.list-icon-right .list-item-content i:last-child {
left: auto; }
a .list-item-content:after,
button .list-item-content:after {
position: absolute;
top: 0;
right: 15px;
display: flex;
height: 100%;
color: #ccc;
content: "\e0fc";
text-transform: none;
font-weight: normal;
font-style: normal;
font-variant: normal;
font-size: 16px;
font-family: 'ionicons';
line-height: 1;
speak: none;
-webkit-font-smoothing: antialiased;
align-items: center; }
a.list-icon-right .list-item-content:after,
button.list-icon-right .list-item-content:after {
display: none; }
.list-thumbnail h2 {
overflow: hidden;
margin: 0 0 8px 0;