list updates

This commit is contained in:
Adam Bradley
2013-12-12 10:46:04 -06:00
parent 574b17922e
commit 9b2f69fd60
9 changed files with 1071 additions and 493 deletions

28
dist/css/ionic.css vendored
View File

@@ -4152,7 +4152,7 @@ button.item-button-right:after {
line-height: 100%; }
.item-edit .button {
height: 100%; }
.item-edit .button .icon, .item-edit .button i {
.item-edit .button.icon {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
@@ -4166,6 +4166,7 @@ button.item-button-right:after {
align-items: center;
position: absolute;
top: 0;
left: 0;
height: 100%;
color: #ef4e3a;
font-size: 24px; }
@@ -4193,12 +4194,13 @@ button.item-button-right:after {
top: 0;
right: 0;
z-index: 0;
height: 100%; }
width: 50px;
height: 100%;
background: inherit; }
.item-drag .button {
height: 100%;
border: none;
border-radius: 0; }
.item-drag .button .icon, .item-drag .button i {
min-width: 42px; }
.item-drag .button.icon:before {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
@@ -4213,7 +4215,7 @@ button.item-button-right:after {
position: absolute;
top: 0;
height: 100%;
font-size: 24px; }
font-size: 32px; }
/**
* The hidden right-side buttons that can be exposed under a list item
@@ -4223,13 +4225,16 @@ button.item-button-right:after {
position: absolute;
top: 0;
right: 0;
z-index: 1;
z-index: 0;
height: 100%; }
.item-options .button {
height: 100%;
border: none;
border-radius: 0; }
.item-options-hide .item-options {
display: none; }
/**
* Lists
* --------------------------------------------------
@@ -4243,12 +4248,16 @@ button.item-button-right:after {
/**
* List editing styles. These trigger when the entire list goes into
* "edit mode"
* "edit mode" or reordering list items
*/
.list-editing .item-content {
margin-right: 50px;
margin-left: 50px; }
.list-reordering .item-content {
margin-right: 50px; }
.list-reordering .item-drag {
z-index: 1; }
/**
* List Header
* --------------------------------------------------
@@ -5380,7 +5389,6 @@ input[type="range"] {
padding: 0 6px;
min-width: initial;
border-color: transparent;
background: none;
background: none; }
.button-icon.button:active, .button-icon.button.active {
border-color: transparent;