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

list item active state

Browse Source
This commit is contained in:
Adam Bradley
2013-10-28 20:35:44 -05:00
parent fe71fda9e3
commit 47cb1c2163
4 changed files with 20 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1294,6 +1294,11 @@ a.item {
.item-icon-left.item-icon-right i:last-child { .item-icon-left.item-icon-right i:last-child {
left: auto; } left: auto; }
a.item:active,
button.item:active,
.item.active {
background-color: #F7F7F7; }
a.item:after, a.item:after,
button.item:after { button.item:after {
/* By default, both <a> and <button> have right side arrow icons */ /* By default, both <a> and <button> have right side arrow icons */

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

@ -2009,6 +2009,10 @@
right: auto; } right: auto; }
.ionic .item-icon-left.item-icon-right i:last-child { .ionic .item-icon-left.item-icon-right i:last-child {
left: auto; } left: auto; }
.ionic a.item:active,
.ionic button.item:active,
.ionic .item.active {
background-color: #F7F7F7; }
.ionic a.item:after, .ionic a.item:after,
.ionic button.item:after { .ionic button.item:after {
/* By default, both <a> and <button> have right side arrow icons */ /* By default, both <a> and <button> have right side arrow icons */

5
dist/css/ionic.css vendored
View File

@ -2437,6 +2437,11 @@ a.item {
.item-icon-left.item-icon-right i:last-child { .item-icon-left.item-icon-right i:last-child {
left: auto; } left: auto; }
a.item:active,
button.item:active,
.item.active {
background-color: #F7F7F7; }
a.item:after, a.item:after,
button.item:after { button.item:after {
/* By default, both <a> and <button> have right side arrow icons */ /* By default, both <a> and <button> have right side arrow icons */

6
scss/ionic/_items.scss
View File

@ -213,6 +213,12 @@ a.item {
left: auto; left: auto;
} }
a.item:active,
button.item:active,
.item.active {
background-color: #F7F7F7;
}
a.item:after, a.item:after,
button.item:after { button.item:after {
/* By default, both <a> and <button> have right side arrow icons */ /* By default, both <a> and <button> have right side arrow icons */