eliminacion del style vn-empty, ahora se llama vn-auto
This commit is contained in:
parent
78eda1c70e
commit
52cbd1a870
|
|
@ -6,24 +6,24 @@
|
|||
<vn-title vn-one>Addresses</vn-title>
|
||||
</vn-horizontal>
|
||||
<vn-horizontal ng-repeat="i in index.model track by i.id" class="pad-medium-top" style="align-items: center;">
|
||||
<vn-auto style="border-radius: .5em;" class="pad-small border-solid"
|
||||
<vn-one style="border-radius: .5em;" class="pad-small border-solid"
|
||||
ng-class="{'bg-dark-item': i.isDefaultAddress,'bg-opacity-item': !i.isEnabled && !i.isDefaultAddress}">
|
||||
<vn-horizontal style="align-items: center;">
|
||||
<vn-none pad-medium-h style="color:#FFA410;">
|
||||
<i class="material-icons" ng-if="i.isDefaultAddress">star</i>
|
||||
<i class="material-icons pointer" ng-if="!i.isDefaultAddress&&i.isEnabled" vn-tooltip="Set as default" tooltip-position="left" ng-click="$ctrl.setDefault(i.id)">star_border</i>
|
||||
</vn-none>
|
||||
<vn-auto>
|
||||
<vn-one>
|
||||
<div><b>{{::i.consignee}}</b></div>
|
||||
<div>{{::i.street}}</div>
|
||||
<div>{{::i.city}}, {{::i.province}}</div>
|
||||
<div>{{::i.phone}}, {{::i.mobile}}</div>
|
||||
</vn-auto>
|
||||
<a vn-empty ui-sref="clientCard.addresses.edit({addressId: {{i.id}}})">
|
||||
</vn-one>
|
||||
<a vn-auto ui-sref="clientCard.addresses.edit({addressId: {{i.id}}})">
|
||||
<vn-icon-button icon="edit"></vn-icon-button>
|
||||
</a>
|
||||
</vn-horizontal>
|
||||
</vn-auto>
|
||||
</vn-one>
|
||||
</vn-horizontal>
|
||||
</vn-vertical>
|
||||
</vn-card>
|
||||
|
|
|
|||
|
|
@ -4,15 +4,15 @@
|
|||
actions="$ctrl.client = edit.model"
|
||||
options="mgEdit">
|
||||
</mg-ajax>
|
||||
<vn-empty style="min-width: 18em; padding-left: 1em; padding-bottom: 1em;">
|
||||
<vn-auto style="min-width: 18em; padding-left: 1em; padding-bottom: 1em;">
|
||||
<vn-descriptor
|
||||
client="$ctrl.client"
|
||||
active="$ctrl.client.active"
|
||||
class="display-block" >
|
||||
</vn-descriptor>
|
||||
<vn-left-menu></vn-left-menu>
|
||||
</vn-empty>
|
||||
<vn-auto>
|
||||
<vn-vertical style="max-width: 70em; margin: 0 auto;" ui-view></vn-vertical>
|
||||
</vn-auto>
|
||||
<vn-one>
|
||||
<vn-vertical style="max-width: 70em; margin: 0 auto;" ui-view></vn-vertical>
|
||||
</vn-one>
|
||||
</vn-horizontal>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<div style="max-width: 40em; margin: 0 auto;">
|
||||
<vn-card>
|
||||
<vn-horizontal pad-medium>
|
||||
<vn-searchbar vn-auto
|
||||
<vn-searchbar vn-one
|
||||
index="index"
|
||||
on-search="$ctrl.search(index)"
|
||||
advanced="true"
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
actions="$ctrl.route = edit.model"
|
||||
options="mgEdit">
|
||||
</mg-ajax>
|
||||
<vn-empty style="min-width: 18em; padding-left: 1em; padding-bottom: 1em;">
|
||||
<vn-one style="min-width: 18em; padding-left: 1em; padding-bottom: 1em;">
|
||||
<vn-card>
|
||||
<vn-vertical class="margin-medium" pad-medium-top pad-medium-bottom>
|
||||
<vn-horizontal>
|
||||
|
|
@ -19,7 +19,7 @@
|
|||
</vn-vertical>
|
||||
</vn-card>
|
||||
<vn-left-menu></vn-left-menu>
|
||||
</vn-empty>
|
||||
</vn-one>
|
||||
<vn-auto>
|
||||
<vn-vertical style="max-width: 70em; margin: 0 auto;" ui-view></vn-vertical>
|
||||
</vn-auto>
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
<vn-vertical full-height class="bg-content">
|
||||
<vn-topbar vn-empty>
|
||||
<vn-topbar vn-auto>
|
||||
<a ui-sref="home" title="{{'Home' | translate}}">
|
||||
<img class="logo" src="./logo.svg" alt="Logo" ></img>
|
||||
</a>
|
||||
<vn-spinner enable="$root.loading"></vn-spinner>
|
||||
<vn-main-menu></vn-main-menu>
|
||||
</vn-topbar>
|
||||
<vn-vertical vn-auto ui-view scrollable class="main-view">
|
||||
<vn-vertical vn-one ui-view scrollable class="main-view">
|
||||
<vn-home></vn-home>
|
||||
</vn-vertical>
|
||||
<vn-snackbar vn-id="snackbar"></vn-snackbar>
|
||||
|
|
|
|||
|
|
@ -1,110 +1,106 @@
|
|||
|
||||
html, body {
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
html [full-height], .full-height {
|
||||
height: 100%;
|
||||
}
|
||||
html [self-scroll], .self-scroll {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/* Horizontal & vertical */
|
||||
|
||||
html [vn-horizontal], vn-horizontal, .vn-horizontal,
|
||||
html [vn-vertical], vn-vertical, .vn-vertical {
|
||||
display: flex;
|
||||
}
|
||||
html [vn-horizontal], vn-horizontal, .vn-horizontal {
|
||||
flex-direction: row;
|
||||
}
|
||||
vn-horizontal[reverse] {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
html [vn-vertical], vn-vertical, .vn-vertical {
|
||||
flex-direction: column;
|
||||
}
|
||||
vn-vertical[reverse] {
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
html [wrap] {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
html [wrap-reverse] {
|
||||
flex-wrap: wrap-reverse;
|
||||
}
|
||||
html [scrollable] {
|
||||
min-height: 1px;
|
||||
flex: 1;
|
||||
flex-basis: 0.000000001px;
|
||||
}
|
||||
|
||||
/* Horizontal & vertical childs */
|
||||
|
||||
html [vn-auto],
|
||||
html [vn-none],
|
||||
html [vn-one],
|
||||
html [vn-two],
|
||||
html [vn-three],
|
||||
html [vn-four],
|
||||
html [vn-five],
|
||||
html [vn-six],
|
||||
html [vn-seven],
|
||||
html [vn-eight],
|
||||
html [vn-nine],
|
||||
html [vn-ten],
|
||||
html [vn-eleven],
|
||||
html [vn-twelve]{
|
||||
flex-basis: 0.000000001px;
|
||||
}
|
||||
html [vn-auto], vn-auto, .vn-auto {
|
||||
flex: 1;
|
||||
flex-basis: auto;
|
||||
}
|
||||
html [vn-empty], vn-empty, .vn-empty {
|
||||
display: block;
|
||||
}
|
||||
html [vn-none], vn-none, .vn-none {
|
||||
flex: 1;
|
||||
flex: none;
|
||||
}
|
||||
html [vn-one], vn-one, .vn-one {
|
||||
flex: 1;
|
||||
}
|
||||
html [vn-two], vn-two, .vn-two {
|
||||
flex: 2;
|
||||
}
|
||||
html [vn-three], vn-three, .vn-three {
|
||||
flex: 3;
|
||||
}
|
||||
html [vn-four], vn-four, .vn-four {
|
||||
flex: 4;
|
||||
}
|
||||
html [vn-five], vn-five, .vn-five {
|
||||
flex: 5;
|
||||
}
|
||||
html [vn-six], vn-six, .vn-six {
|
||||
flex: 6;
|
||||
}
|
||||
html [vn-seven], vn-seven, .vn-seven {
|
||||
flex: 7;
|
||||
}
|
||||
html [vn-eight], vn-eight, .vn-eight {
|
||||
flex: 8;
|
||||
}
|
||||
html [vn-nine], vn-nine, .vn-nine {
|
||||
flex: 9;
|
||||
}
|
||||
html [vn-ten], vn-ten, .vn-ten {
|
||||
flex: 10;
|
||||
}
|
||||
html [vn-eleven], vn-eleven, .vn-eleven {
|
||||
flex: 11;
|
||||
}
|
||||
html [vn-twelve], vn-twelve, .vn-twelve {
|
||||
flex: 12;
|
||||
}
|
||||
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
html [full-height], .full-height {
|
||||
height: 100%;
|
||||
}
|
||||
html [self-scroll], .self-scroll {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/* Horizontal & vertical */
|
||||
|
||||
html [vn-horizontal], vn-horizontal, .vn-horizontal,
|
||||
html [vn-vertical], vn-vertical, .vn-vertical {
|
||||
display: flex;
|
||||
}
|
||||
html [vn-horizontal], vn-horizontal, .vn-horizontal {
|
||||
flex-direction: row;
|
||||
}
|
||||
vn-horizontal[reverse] {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
html [vn-vertical], vn-vertical, .vn-vertical {
|
||||
flex-direction: column;
|
||||
}
|
||||
vn-vertical[reverse] {
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
html [wrap] {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
html [wrap-reverse] {
|
||||
flex-wrap: wrap-reverse;
|
||||
}
|
||||
html [scrollable] {
|
||||
min-height: 1px;
|
||||
flex: 1;
|
||||
flex-basis: 0.000000001px;
|
||||
}
|
||||
|
||||
/* Horizontal & vertical childs */
|
||||
|
||||
html [vn-auto],
|
||||
html [vn-none],
|
||||
html [vn-one],
|
||||
html [vn-two],
|
||||
html [vn-three],
|
||||
html [vn-four],
|
||||
html [vn-five],
|
||||
html [vn-six],
|
||||
html [vn-seven],
|
||||
html [vn-eight],
|
||||
html [vn-nine],
|
||||
html [vn-ten],
|
||||
html [vn-eleven],
|
||||
html [vn-twelve]{
|
||||
flex-basis: 0.000000001px;
|
||||
}
|
||||
html [vn-auto], vn-auto, .vn-auto {
|
||||
flex-basis: auto;
|
||||
}
|
||||
html [vn-none], vn-none, .vn-none {
|
||||
flex: 1;
|
||||
flex: none;
|
||||
}
|
||||
html [vn-one], vn-one, .vn-one {
|
||||
flex: 1;
|
||||
}
|
||||
html [vn-two], vn-two, .vn-two {
|
||||
flex: 2;
|
||||
}
|
||||
html [vn-three], vn-three, .vn-three {
|
||||
flex: 3;
|
||||
}
|
||||
html [vn-four], vn-four, .vn-four {
|
||||
flex: 4;
|
||||
}
|
||||
html [vn-five], vn-five, .vn-five {
|
||||
flex: 5;
|
||||
}
|
||||
html [vn-six], vn-six, .vn-six {
|
||||
flex: 6;
|
||||
}
|
||||
html [vn-seven], vn-seven, .vn-seven {
|
||||
flex: 7;
|
||||
}
|
||||
html [vn-eight], vn-eight, .vn-eight {
|
||||
flex: 8;
|
||||
}
|
||||
html [vn-nine], vn-nine, .vn-nine {
|
||||
flex: 9;
|
||||
}
|
||||
html [vn-ten], vn-ten, .vn-ten {
|
||||
flex: 10;
|
||||
}
|
||||
html [vn-eleven], vn-eleven, .vn-eleven {
|
||||
flex: 11;
|
||||
}
|
||||
html [vn-twelve], vn-twelve, .vn-twelve {
|
||||
flex: 12;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue