Style fixes
This commit is contained in:
parent
d856a3ae97
commit
0f55512918
|
@ -12,7 +12,7 @@ vn-app {
|
|||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
z-index: 5;
|
||||
box-shadow: 0 .1em .2em rgba(1, 1, 1, .2);
|
||||
|
||||
.logo {
|
||||
|
@ -27,5 +27,29 @@ vn-app {
|
|||
}
|
||||
.main-view {
|
||||
padding-top: 4em;
|
||||
|
||||
vn-main-block {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
padding-left: 16em;
|
||||
|
||||
.left-block {
|
||||
position: fixed;
|
||||
z-index: 5;
|
||||
top: 4em;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 16em;
|
||||
min-width: 16em;
|
||||
background-color: white;
|
||||
box-shadow: 0 .1em .2em rgba(1, 1, 1, .2);
|
||||
overflow: auto;
|
||||
}
|
||||
.right-block {
|
||||
width: 16em;
|
||||
min-width: 16em;
|
||||
padding-left: 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -0,0 +1,74 @@
|
|||
|
||||
@import "./effects";
|
||||
@import "./colors";
|
||||
@import "./padding";
|
||||
|
||||
.vn-descriptor {
|
||||
box-shadow: 0 .1em .2em rgba(1, 1, 1, .2);
|
||||
|
||||
& > .header {
|
||||
display: flex;
|
||||
background: $main-01;
|
||||
color: white;
|
||||
justify-content: space-between;
|
||||
align-items: stretch;
|
||||
color: white;
|
||||
|
||||
& > * {
|
||||
min-width: 1.8em;
|
||||
@extend %clickable;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: .5em;
|
||||
|
||||
& > vn-icon {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
}
|
||||
& > .body {
|
||||
@extend .pad-small;
|
||||
|
||||
& > * {
|
||||
@extend .pad-small;
|
||||
}
|
||||
& > .icons {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0;
|
||||
|
||||
& > vn-icon {
|
||||
@extend .pad-small;
|
||||
color: #666;
|
||||
opacity: .4;
|
||||
font-size: 1.5em;
|
||||
|
||||
&.bright {
|
||||
color: $main-01;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
& > .quicklinks {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0;
|
||||
|
||||
& > a {
|
||||
@extend .pad-small;
|
||||
|
||||
& > vn-icon {
|
||||
font-size: 1.8em;
|
||||
padding: 0;
|
||||
|
||||
& > i {
|
||||
line-height: 36px
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -7,7 +7,8 @@ import './background.scss';
|
|||
import './border.scss';
|
||||
import './font-style.scss';
|
||||
import './misc.scss';
|
||||
import './summary.scss';
|
||||
import './colors.scss';
|
||||
import './effects.scss';
|
||||
import './order-product.scss';
|
||||
import './summary.scss';
|
||||
import './descriptor.scss';
|
||||
|
|
|
@ -161,102 +161,6 @@ vn-tool-bar {
|
|||
}
|
||||
}
|
||||
|
||||
vn-main-block {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
|
||||
.left-block {
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
top: 4em;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 16em;
|
||||
min-width: 16em;
|
||||
background-color: white;
|
||||
box-shadow: 0 .1em .2em rgba(1, 1, 1, .2);
|
||||
overflow: auto;
|
||||
}
|
||||
& > vn-horizontal > vn-one > [ui-view] {
|
||||
padding-left: 16em;
|
||||
}
|
||||
.right-block {
|
||||
width: 16em;
|
||||
min-width: 16em;
|
||||
padding-left: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.vn-descriptor {
|
||||
box-shadow: 0 .1em .2em rgba(1, 1, 1, .2);
|
||||
|
||||
& > .header {
|
||||
display: flex;
|
||||
background: $main-01;
|
||||
color: white;
|
||||
justify-content: space-between;
|
||||
align-items: stretch;
|
||||
color: white;
|
||||
|
||||
& > * {
|
||||
min-width: 1.8em;
|
||||
@extend %clickable;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: .5em;
|
||||
|
||||
& > vn-icon {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
}
|
||||
& > .body {
|
||||
@extend .pad-small;
|
||||
|
||||
& > * {
|
||||
@extend .pad-small;
|
||||
}
|
||||
& > .icons {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0;
|
||||
|
||||
& > vn-icon {
|
||||
@extend .pad-small;
|
||||
color: #666;
|
||||
opacity: .4;
|
||||
font-size: 1.5em;
|
||||
|
||||
&.bright {
|
||||
color: $main-01;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
& > .quicklinks {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0;
|
||||
|
||||
& > a {
|
||||
@extend .pad-small;
|
||||
|
||||
& > vn-icon {
|
||||
font-size: 1.8em;
|
||||
padding: 0;
|
||||
|
||||
& > i {
|
||||
line-height: 36px
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vn-list {
|
||||
max-width: 36em;
|
||||
margin: 0 auto;
|
||||
|
|
|
@ -48,10 +48,6 @@
|
|||
}
|
||||
vn-label-value > section {
|
||||
margin-bottom: .3em;
|
||||
|
||||
& > vn-label::after {
|
||||
content: initial;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -10,7 +10,6 @@ class Controller {
|
|||
getPossibleStowaways() {
|
||||
this.$http.get(`/api/Tickets/${this.ticket.id}/getPossibleStowaways`)
|
||||
.then(res => {
|
||||
console.log(res);
|
||||
this.possibleStowaways = res.data;
|
||||
});
|
||||
}
|
||||
|
|
|
@ -28,7 +28,6 @@ class Controller {
|
|||
}
|
||||
|
||||
changeShipped(response) {
|
||||
console.log(response);
|
||||
if (response === 'ACCEPT') {
|
||||
let params = {shipped: this.newShipped};
|
||||
this.$http.patch(`/ticket/api/Tickets/${this.ticket.id}/`, params).then(() => {
|
||||
|
|
|
@ -35,7 +35,6 @@ class Controller {
|
|||
|
||||
let json = encodeURIComponent(JSON.stringify(filter));
|
||||
this.$http.get(`/api/Stowaways?filter=${json}`).then(res => {
|
||||
console.log(res.data);
|
||||
this.ticketStowaways = res.data;
|
||||
this.$scope.dialog.show();
|
||||
});
|
||||
|
|
Loading…
Reference in New Issue