verdnatura/salix
verdnatura
/
salix
3
4
Fork 0
Code Issues Pull Requests 58 Releases Wiki Activity

eliminacion del style vn-empty, ahora se llama vn-auto

This commit is contained in:
Javi Gallego 2017-11-21 12:44:28 +01:00
parent 78eda1c70e
commit 52cbd1a870
6 changed files with 120 additions and 124 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/client/src/addresses/addresses.html
View File

@ -6,24 +6,24 @@
<vn-title vn-one>Addresses</vn-title> <vn-title vn-one>Addresses</vn-title>
</vn-horizontal> </vn-horizontal>
<vn-horizontal ng-repeat="i in index.model track by i.id" class="pad-medium-top" style="align-items: center;"> <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}"> ng-class="{'bg-dark-item': i.isDefaultAddress,'bg-opacity-item': !i.isEnabled && !i.isDefaultAddress}">
<vn-horizontal style="align-items: center;"> <vn-horizontal style="align-items: center;">
<vn-none pad-medium-h style="color:#FFA410;"> <vn-none pad-medium-h style="color:#FFA410;">
<i class="material-icons" ng-if="i.isDefaultAddress">star</i> <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> <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-none>
<vn-auto> <vn-one>
<div><b>{{::i.consignee}}</b></div> <div><b>{{::i.consignee}}</b></div>
<div>{{::i.street}}</div> <div>{{::i.street}}</div>
<div>{{::i.city}}, {{::i.province}}</div> <div>{{::i.city}}, {{::i.province}}</div>
<div>{{::i.phone}}, {{::i.mobile}}</div> <div>{{::i.phone}}, {{::i.mobile}}</div>
</vn-auto> </vn-one>
<a vn-empty ui-sref="clientCard.addresses.edit({addressId: {{i.id}}})"> <a vn-auto ui-sref="clientCard.addresses.edit({addressId: {{i.id}}})">
<vn-icon-button icon="edit"></vn-icon-button> <vn-icon-button icon="edit"></vn-icon-button>
</a> </a>
</vn-horizontal> </vn-horizontal>
</vn-auto> </vn-one>
</vn-horizontal> </vn-horizontal>
</vn-vertical> </vn-vertical>
</vn-card> </vn-card>

8
client/client/src/card/card.html
View File

@ -4,15 +4,15 @@
actions="$ctrl.client = edit.model" actions="$ctrl.client = edit.model"
options="mgEdit"> options="mgEdit">
</mg-ajax> </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 <vn-descriptor
client="$ctrl.client" client="$ctrl.client"
active="$ctrl.client.active" active="$ctrl.client.active"
class="display-block" > class="display-block" >
</vn-descriptor> </vn-descriptor>
<vn-left-menu></vn-left-menu> <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-auto>
<vn-one>
<vn-vertical style="max-width: 70em; margin: 0 auto;" ui-view></vn-vertical>
</vn-one>
</vn-horizontal> </vn-horizontal>

2
client/client/src/index/index.html
View File

@ -3,7 +3,7 @@
<div style="max-width: 40em; margin: 0 auto;"> <div style="max-width: 40em; margin: 0 auto;">
<vn-card> <vn-card>
<vn-horizontal pad-medium> <vn-horizontal pad-medium>
<vn-searchbar vn-auto <vn-searchbar vn-one
index="index" index="index"
on-search="$ctrl.search(index)" on-search="$ctrl.search(index)"
advanced="true" advanced="true"

4
client/route/src/card/card.html
View File

@ -4,7 +4,7 @@
actions="$ctrl.route = edit.model" actions="$ctrl.route = edit.model"
options="mgEdit"> options="mgEdit">
</mg-ajax> </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-card>
<vn-vertical class="margin-medium" pad-medium-top pad-medium-bottom> <vn-vertical class="margin-medium" pad-medium-top pad-medium-bottom>
<vn-horizontal> <vn-horizontal>
@ -19,7 +19,7 @@
</vn-vertical> </vn-vertical>
</vn-card> </vn-card>
<vn-left-menu></vn-left-menu> <vn-left-menu></vn-left-menu>
</vn-empty> </vn-one>
<vn-auto> <vn-auto>
<vn-vertical style="max-width: 70em; margin: 0 auto;" ui-view></vn-vertical> <vn-vertical style="max-width: 70em; margin: 0 auto;" ui-view></vn-vertical>
</vn-auto> </vn-auto>

4
client/salix/src/components/app/app.html
View File

@ -1,12 +1,12 @@
<vn-vertical full-height class="bg-content"> <vn-vertical full-height class="bg-content">
<vn-topbar vn-empty> <vn-topbar vn-auto>
<a ui-sref="home" title="{{'Home' | translate}}"> <a ui-sref="home" title="{{'Home' | translate}}">
<img class="logo" src="./logo.svg" alt="Logo" ></img> <img class="logo" src="./logo.svg" alt="Logo" ></img>
</a> </a>
<vn-spinner enable="$root.loading"></vn-spinner> <vn-spinner enable="$root.loading"></vn-spinner>
<vn-main-menu></vn-main-menu> <vn-main-menu></vn-main-menu>
</vn-topbar> </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-home></vn-home>
</vn-vertical> </vn-vertical>
<vn-snackbar vn-id="snackbar"></vn-snackbar> <vn-snackbar vn-id="snackbar"></vn-snackbar>

216
client/salix/src/styles/layout.css
View File

@ -1,110 +1,106 @@
html, body { html, body {
height: 100%; height: 100%;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
} }
html [full-height], .full-height { html [full-height], .full-height {
height: 100%; height: 100%;
} }
html [self-scroll], .self-scroll { html [self-scroll], .self-scroll {
overflow: auto; overflow: auto;
} }
/* Horizontal & vertical */ /* Horizontal & vertical */
html [vn-horizontal], vn-horizontal, .vn-horizontal, html [vn-horizontal], vn-horizontal, .vn-horizontal,
html [vn-vertical], vn-vertical, .vn-vertical { html [vn-vertical], vn-vertical, .vn-vertical {
display: flex; display: flex;
} }
html [vn-horizontal], vn-horizontal, .vn-horizontal { html [vn-horizontal], vn-horizontal, .vn-horizontal {
flex-direction: row; flex-direction: row;
} }
vn-horizontal[reverse] { vn-horizontal[reverse] {
flex-direction: row-reverse; flex-direction: row-reverse;
} }
html [vn-vertical], vn-vertical, .vn-vertical { html [vn-vertical], vn-vertical, .vn-vertical {
flex-direction: column; flex-direction: column;
} }
vn-vertical[reverse] { vn-vertical[reverse] {
flex-direction: column-reverse; flex-direction: column-reverse;
} }
html [wrap] { html [wrap] {
flex-wrap: wrap; flex-wrap: wrap;
} }
html [wrap-reverse] { html [wrap-reverse] {
flex-wrap: wrap-reverse; flex-wrap: wrap-reverse;
} }
html [scrollable] { html [scrollable] {
min-height: 1px; min-height: 1px;
flex: 1; flex: 1;
flex-basis: 0.000000001px; flex-basis: 0.000000001px;
} }
/* Horizontal & vertical childs */ /* Horizontal & vertical childs */
html [vn-auto], html [vn-auto],
html [vn-none], html [vn-none],
html [vn-one], html [vn-one],
html [vn-two], html [vn-two],
html [vn-three], html [vn-three],
html [vn-four], html [vn-four],
html [vn-five], html [vn-five],
html [vn-six], html [vn-six],
html [vn-seven], html [vn-seven],
html [vn-eight], html [vn-eight],
html [vn-nine], html [vn-nine],
html [vn-ten], html [vn-ten],
html [vn-eleven], html [vn-eleven],
html [vn-twelve]{ html [vn-twelve]{
flex-basis: 0.000000001px; flex-basis: 0.000000001px;
} }
html [vn-auto], vn-auto, .vn-auto { html [vn-auto], vn-auto, .vn-auto {
flex: 1; flex-basis: auto;
flex-basis: auto; }
} html [vn-none], vn-none, .vn-none {
html [vn-empty], vn-empty, .vn-empty { flex: 1;
display: block; flex: none;
} }
html [vn-none], vn-none, .vn-none { html [vn-one], vn-one, .vn-one {
flex: 1; flex: 1;
flex: none; }
} html [vn-two], vn-two, .vn-two {
html [vn-one], vn-one, .vn-one { flex: 2;
flex: 1; }
} html [vn-three], vn-three, .vn-three {
html [vn-two], vn-two, .vn-two { flex: 3;
flex: 2; }
} html [vn-four], vn-four, .vn-four {
html [vn-three], vn-three, .vn-three { flex: 4;
flex: 3; }
} html [vn-five], vn-five, .vn-five {
html [vn-four], vn-four, .vn-four { flex: 5;
flex: 4; }
} html [vn-six], vn-six, .vn-six {
html [vn-five], vn-five, .vn-five { flex: 6;
flex: 5; }
} html [vn-seven], vn-seven, .vn-seven {
html [vn-six], vn-six, .vn-six { flex: 7;
flex: 6; }
} html [vn-eight], vn-eight, .vn-eight {
html [vn-seven], vn-seven, .vn-seven { flex: 8;
flex: 7; }
} html [vn-nine], vn-nine, .vn-nine {
html [vn-eight], vn-eight, .vn-eight { flex: 9;
flex: 8; }
} html [vn-ten], vn-ten, .vn-ten {
html [vn-nine], vn-nine, .vn-nine { flex: 10;
flex: 9; }
} html [vn-eleven], vn-eleven, .vn-eleven {
html [vn-ten], vn-ten, .vn-ten { flex: 11;
flex: 10; }
} html [vn-twelve], vn-twelve, .vn-twelve {
html [vn-eleven], vn-eleven, .vn-eleven { flex: 12;
flex: 11; }
}
html [vn-twelve], vn-twelve, .vn-twelve {
flex: 12;
}