E2E expeditions fixes, scss px/em fixes
This commit is contained in:
parent
eb586c510e
commit
bf68d15264
|
@ -30,7 +30,7 @@ describe('Ticket expeditions and log path', () => {
|
|||
});
|
||||
|
||||
it(`should confirm the expedition deleted is shown now in the ticket log`, async() => {
|
||||
await page.waitToClick(selectors.ticketLog.logButton);
|
||||
await page.accessToSection('ticket.card.log');
|
||||
const changedBy = await page
|
||||
.waitToGetProperty(selectors.ticketLog.changedBy, 'innerText');
|
||||
|
||||
|
|
|
@ -4,19 +4,19 @@
|
|||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 36px;
|
||||
height: 2.8em;
|
||||
border: none;
|
||||
border-radius: .1em;
|
||||
font-family: vn-font-bold;
|
||||
text-transform: uppercase;
|
||||
font-size: 14px;
|
||||
font-size: .87rem;
|
||||
cursor: pointer;
|
||||
box-sizing: border-box;
|
||||
outline: none;
|
||||
|
||||
& > button {
|
||||
width: 100%;
|
||||
padding: 0 12px;
|
||||
padding: 0 1em;
|
||||
box-sizing: border-box;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
|
@ -88,15 +88,15 @@
|
|||
}
|
||||
|
||||
&.xs {
|
||||
font-size: 0.5em;
|
||||
font-size: .5em;
|
||||
}
|
||||
|
||||
&.sm {
|
||||
font-size: 0.7em;
|
||||
font-size: .7em;
|
||||
}
|
||||
|
||||
&.md {
|
||||
font-size: 0.9em;
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
&.lg {
|
||||
|
|
|
@ -6,14 +6,14 @@
|
|||
& > div {
|
||||
& > .header {
|
||||
display: flex;
|
||||
margin-bottom: 0.5em;
|
||||
margin-bottom: .5em;
|
||||
align-items: center;
|
||||
height: 2.4em;
|
||||
|
||||
& > .title {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
padding: 0.2em 0;
|
||||
padding: .2em 0;
|
||||
}
|
||||
& > .vn-button {
|
||||
color: inherit;
|
||||
|
@ -22,10 +22,10 @@
|
|||
& > .weekdays {
|
||||
display: flex;
|
||||
color: $color-font-secondary;
|
||||
margin-bottom: 0.5em;
|
||||
padding: 0.5em 0;
|
||||
margin-bottom: .5em;
|
||||
padding: .5em 0;
|
||||
font-weight: bold;
|
||||
font-size: 0.8em;
|
||||
font-size: .8em;
|
||||
text-align: center;
|
||||
|
||||
& > section {
|
||||
|
@ -41,7 +41,7 @@
|
|||
|
||||
& > .day {
|
||||
width: 14.28%;
|
||||
height: 40px;
|
||||
height: 2.5em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
@ -62,7 +62,7 @@
|
|||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
font-size: 14px;
|
||||
font-size: .87em;
|
||||
width: 2.2em;
|
||||
height: 2.2em;
|
||||
cursor: pointer;
|
||||
|
|
|
@ -16,8 +16,8 @@ vn-chip {
|
|||
height: 1.5em;
|
||||
|
||||
& > div {
|
||||
padding: 0.6em;
|
||||
font-size: 0.8rem;
|
||||
padding: .6em;
|
||||
font-size: .8rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
vn-multi-check {
|
||||
.vn-check {
|
||||
margin-bottom: 0.8em
|
||||
margin-bottom: .8em
|
||||
}
|
||||
}
|
|
@ -11,7 +11,7 @@ vn-snackbar #shapes {
|
|||
}
|
||||
|
||||
vn-snackbar .shape {
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
background-color: rgba(0, 0, 0, .8);
|
||||
box-shadow: 0 0 .4em $color-shadow;
|
||||
transition: transform 300ms ease-in-out;
|
||||
transform: translateY(20em);
|
||||
|
@ -19,7 +19,7 @@ vn-snackbar .shape {
|
|||
border-radius: .2em;
|
||||
margin-bottom: 15px;
|
||||
color: white;
|
||||
padding: 0.8em;
|
||||
padding: .8em;
|
||||
|
||||
& > .text {
|
||||
text-align: center;
|
||||
|
@ -36,19 +36,19 @@ vn-snackbar .shape {
|
|||
}
|
||||
|
||||
&.success {
|
||||
background-color: rgba(163, 209, 49, 0.8);
|
||||
background-color: rgba(163, 209, 49, .8);
|
||||
color: #445911;
|
||||
|
||||
& > button {
|
||||
color: rgba(1, 1, 1, 0.6);
|
||||
color: rgba(1, 1, 1, .6);
|
||||
}
|
||||
}
|
||||
|
||||
&.error {
|
||||
background-color: rgba(198, 40, 40, 0.8);
|
||||
background-color: rgba(198, 40, 40, .8);
|
||||
|
||||
& > button {
|
||||
color: rgba(1, 1, 1, 0.6);
|
||||
color: rgba(1, 1, 1, .6);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -22,11 +22,11 @@ vn-step-control {
|
|||
border: 2px solid $color-main;
|
||||
background-color: white;
|
||||
align-content: center;
|
||||
margin-top: -9.5px;
|
||||
margin-top: -10px;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
height: 15px;
|
||||
width: 15px
|
||||
width: 15px;
|
||||
}
|
||||
& > .steps > .step .circle.active {
|
||||
background-color: $color-main;
|
||||
|
@ -36,7 +36,7 @@ vn-step-control {
|
|||
flex: auto;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
margin-top: 10px
|
||||
margin-top: 10px;
|
||||
}
|
||||
& > .buttons > .step {
|
||||
display: flex
|
||||
|
|
|
@ -5,8 +5,8 @@
|
|||
.vn-draggable,
|
||||
[vn-droppable] {
|
||||
border: 2px dashed transparent;
|
||||
border-radius: 0.5em;
|
||||
transition: all 0.5s;
|
||||
border-radius: .5em;
|
||||
transition: all .5s;
|
||||
}
|
||||
|
||||
.vn-droppable,
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
position: fixed;
|
||||
top: 0;
|
||||
z-index: 25;
|
||||
background-color: rgba(1, 1, 1, 0.6);
|
||||
background-color: rgba(1, 1, 1, .6);
|
||||
|
||||
& > div {
|
||||
display: flex;
|
||||
|
|
|
@ -44,4 +44,4 @@ a {
|
|||
.ng-leave,
|
||||
.ng-enter {
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -40,7 +40,7 @@ html [vn-nine],
|
|||
html [vn-ten],
|
||||
html [vn-eleven],
|
||||
html [vn-twelve]{
|
||||
flex-basis: 0.000000001px;
|
||||
flex-basis: .1px;
|
||||
}
|
||||
html [vn-auto], vn-auto, .vn-auto {
|
||||
flex-basis: auto;
|
||||
|
|
|
@ -1,12 +1,16 @@
|
|||
@import "variables";
|
||||
|
||||
/* Desktop - Laptop 1360x768 */
|
||||
// XXX: For testing
|
||||
body { font-size: 8pt; }
|
||||
|
||||
/*
|
||||
// Desktop - Laptop 1360x768
|
||||
@media (max-resolution: 119dpi) and (min-device-width: 1340px) and (max-device-width: 1899px)
|
||||
{
|
||||
body { font-size: 10pt; }
|
||||
}
|
||||
|
||||
/* Mobile - Low DPI */
|
||||
// Mobile - Low DPI
|
||||
@media
|
||||
(min-resolution: 120dpi),
|
||||
(-webkit-min-device-pixel-ratio: 1.5)
|
||||
|
@ -20,7 +24,7 @@
|
|||
body { font-size: 11pt; }
|
||||
}
|
||||
|
||||
/* Mobile - Normal DPI */
|
||||
// Mobile - Normal DPI
|
||||
@media
|
||||
(max-device-width: 383px) and (min-resolution: 192dpi),
|
||||
(max-device-width: 383px) and (-webkit-min-device-pixel-ratio: 2)
|
||||
|
@ -34,7 +38,7 @@
|
|||
body { font-size: 11pt; }
|
||||
}
|
||||
|
||||
/* Mobile - High DPI */
|
||||
// Mobile - High DPI
|
||||
@media
|
||||
(max-device-width: 411px) and (min-resolution: 249dpi),
|
||||
(max-device-width: 411px) and (-webkit-min-device-pixel-ratio: 3)
|
||||
|
@ -47,7 +51,7 @@
|
|||
{
|
||||
body { font-size: 11pt; }
|
||||
}
|
||||
|
||||
*/
|
||||
.vn-hide-narrow {
|
||||
@media (max-width: $mobile-width) {
|
||||
display: none;
|
||||
|
|
|
@ -45,7 +45,7 @@ vn-home {
|
|||
}
|
||||
}
|
||||
& > span {
|
||||
font-size: 0.9em;
|
||||
font-size: .9em;
|
||||
text-align: center;
|
||||
}
|
||||
& > h4 {
|
||||
|
|
|
@ -104,7 +104,7 @@ vn-tool-bar {
|
|||
html [scrollable] {
|
||||
min-height: 1px;
|
||||
flex: 1;
|
||||
flex-basis: 0.000000001px;
|
||||
flex-basis: .1px;
|
||||
}
|
||||
.ellipsize {
|
||||
text-overflow: ellipsis;
|
||||
|
@ -115,7 +115,7 @@ html [scrollable] {
|
|||
@extend %active;
|
||||
|
||||
&.small {
|
||||
font-size: 0.7em
|
||||
font-size: .7em
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
|
||||
.photo {
|
||||
box-sizing: border-box;
|
||||
transition: all 0.5s;
|
||||
transition: all .5s;
|
||||
padding: $spacing-sm;
|
||||
position: relative;
|
||||
width: 28em;
|
||||
|
|
|
@ -36,7 +36,7 @@ vn-claim-action {
|
|||
|
||||
div.ticketList {
|
||||
overflow: auto;
|
||||
max-height: 350px
|
||||
max-height: 350px;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -13,7 +13,7 @@
|
|||
}
|
||||
}
|
||||
.simulatorTitle {
|
||||
margin-bottom: 0px;
|
||||
margin-bottom: 0;
|
||||
font-size: 12px;
|
||||
color: $color-main;
|
||||
}
|
||||
|
|
|
@ -6,7 +6,7 @@ vn-claim-photos {
|
|||
.drop-zone {
|
||||
color: $color-font-secondary;
|
||||
box-sizing: border-box;
|
||||
border-radius: 0.5em;
|
||||
border-radius: .5em;
|
||||
text-align: center;
|
||||
min-height: 100%;
|
||||
|
||||
|
|
|
@ -5,6 +5,6 @@ vn-claim-summary {
|
|||
height: 15.5em
|
||||
}
|
||||
.photo .image {
|
||||
border-radius: 0.2em
|
||||
border-radius: .2em
|
||||
}
|
||||
}
|
|
@ -17,7 +17,7 @@ div.vn-dialog {
|
|||
|
||||
footer p {
|
||||
font-size: 10px !important;
|
||||
line-height: 10px
|
||||
line-height: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -6,7 +6,7 @@ vn-item-product {
|
|||
.id {
|
||||
background-color: $color-main;
|
||||
color: $color-font-dark;
|
||||
margin-bottom: 0em;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.image {
|
||||
height: 7em;
|
||||
|
@ -19,10 +19,10 @@ vn-item-product {
|
|||
}
|
||||
}
|
||||
vn-label-value:first-of-type section{
|
||||
margin-top: 0.6em;
|
||||
margin-top: .6em;
|
||||
}
|
||||
vn-fetched-tags vn-horizontal{
|
||||
margin-top: 0.9em;
|
||||
margin-top: .9em;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -11,7 +11,7 @@ vn-item-waste {
|
|||
padding-bottom: 4px;
|
||||
font-weight: lighter;
|
||||
background-color: #fde6ca;
|
||||
border-bottom: 0.1em solid #f7931e;
|
||||
border-bottom: .1em solid #f7931e;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
|
|
@ -69,7 +69,7 @@ vn-ticket-sale {
|
|||
}
|
||||
}
|
||||
vn-table, table {
|
||||
margin-bottom: 10px
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
vn-table {
|
||||
overflow-x: hidden;
|
||||
|
@ -96,7 +96,7 @@ vn-ticket-sale {
|
|||
}
|
||||
|
||||
p.simulatorTitle {
|
||||
margin-bottom: 0px;
|
||||
margin-bottom: 0;
|
||||
font-size: 12px;
|
||||
color: $color-main;
|
||||
}
|
||||
|
|
|
@ -54,7 +54,7 @@ vn-ticket-summary .summary {
|
|||
.vn-table > vn-thead .tax-class,
|
||||
.vn-table > vn-tbody .tax-class {
|
||||
min-width: 11em;
|
||||
width: 1px
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
.vn-table > vn-tbody vn-td:first-child {
|
||||
|
|
Loading…
Reference in New Issue