E2E expeditions fixes, scss px/em fixes

This commit is contained in:
Juan Ferrer 2020-04-02 11:39:39 +02:00
parent eb586c510e
commit bf68d15264
24 changed files with 56 additions and 52 deletions

View File

@ -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');

View File

@ -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 {

View File

@ -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;

View File

@ -16,8 +16,8 @@ vn-chip {
height: 1.5em;
& > div {
padding: 0.6em;
font-size: 0.8rem;
padding: .6em;
font-size: .8rem;
}
}

View File

@ -1,5 +1,5 @@
vn-multi-check {
.vn-check {
margin-bottom: 0.8em
margin-bottom: .8em
}
}

View File

@ -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);
}
}

View File

@ -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

View File

@ -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,

View File

@ -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;

View File

@ -44,4 +44,4 @@ a {
.ng-leave,
.ng-enter {
transition: none;
}
}

View File

@ -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;

View File

@ -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;

View File

@ -45,7 +45,7 @@ vn-home {
}
}
& > span {
font-size: 0.9em;
font-size: .9em;
text-align: center;
}
& > h4 {

View File

@ -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
}
}

View File

@ -8,7 +8,7 @@
.photo {
box-sizing: border-box;
transition: all 0.5s;
transition: all .5s;
padding: $spacing-sm;
position: relative;
width: 28em;

View File

@ -36,7 +36,7 @@ vn-claim-action {
div.ticketList {
overflow: auto;
max-height: 350px
max-height: 350px;
}
}
}

View File

@ -13,7 +13,7 @@
}
}
.simulatorTitle {
margin-bottom: 0px;
margin-bottom: 0;
font-size: 12px;
color: $color-main;
}

View File

@ -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%;

View File

@ -5,6 +5,6 @@ vn-claim-summary {
height: 15.5em
}
.photo .image {
border-radius: 0.2em
border-radius: .2em
}
}

View File

@ -17,7 +17,7 @@ div.vn-dialog {
footer p {
font-size: 10px !important;
line-height: 10px
line-height: 10px;
}
}

View File

@ -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;
}
}

View File

@ -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;

View File

@ -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;
}

View File

@ -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 {