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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
e2e/paths/05-ticket/02_expeditions_and_log.spec.js
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() => { 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 const changedBy = await page
.waitToGetProperty(selectors.ticketLog.changedBy, 'innerText'); .waitToGetProperty(selectors.ticketLog.changedBy, 'innerText');

12
front/core/components/button/style.scss
View File

@ -4,19 +4,19 @@
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 36px; height: 2.8em;
border: none; border: none;
border-radius: .1em; border-radius: .1em;
font-family: vn-font-bold; font-family: vn-font-bold;
text-transform: uppercase; text-transform: uppercase;
font-size: 14px; font-size: .87rem;
cursor: pointer; cursor: pointer;
box-sizing: border-box; box-sizing: border-box;
outline: none; outline: none;
& > button { & > button {
width: 100%; width: 100%;
padding: 0 12px; padding: 0 1em;
box-sizing: border-box; box-sizing: border-box;
background-color: transparent; background-color: transparent;
border: none; border: none;
@ -88,15 +88,15 @@
} }
&.xs { &.xs {
font-size: 0.5em; font-size: .5em;
} }
&.sm { &.sm {
font-size: 0.7em; font-size: .7em;
} }
&.md { &.md {
font-size: 0.9em; font-size: .9em;
} }
&.lg { &.lg {

14
front/core/components/calendar/style.scss
View File

@ -6,14 +6,14 @@
& > div { & > div {
& > .header { & > .header {
display: flex; display: flex;
margin-bottom: 0.5em; margin-bottom: .5em;
align-items: center; align-items: center;
height: 2.4em; height: 2.4em;
& > .title { & > .title {
flex: 1; flex: 1;
text-align: center; text-align: center;
padding: 0.2em 0; padding: .2em 0;
} }
& > .vn-button { & > .vn-button {
color: inherit; color: inherit;
@ -22,10 +22,10 @@
& > .weekdays { & > .weekdays {
display: flex; display: flex;
color: $color-font-secondary; color: $color-font-secondary;
margin-bottom: 0.5em; margin-bottom: .5em;
padding: 0.5em 0; padding: .5em 0;
font-weight: bold; font-weight: bold;
font-size: 0.8em; font-size: .8em;
text-align: center; text-align: center;
& > section { & > section {
@ -41,7 +41,7 @@
& > .day { & > .day {
width: 14.28%; width: 14.28%;
height: 40px; height: 2.5em;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -62,7 +62,7 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border-radius: 50%; border-radius: 50%;
font-size: 14px; font-size: .87em;
width: 2.2em; width: 2.2em;
height: 2.2em; height: 2.2em;
cursor: pointer; cursor: pointer;

4
front/core/components/chip/style.scss
View File

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

2
front/core/components/multi-check/style.scss
View File

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

12
front/core/components/snackbar/style.scss
View File

@ -11,7 +11,7 @@ vn-snackbar #shapes {
} }
vn-snackbar .shape { 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; box-shadow: 0 0 .4em $color-shadow;
transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out;
transform: translateY(20em); transform: translateY(20em);
@ -19,7 +19,7 @@ vn-snackbar .shape {
border-radius: .2em; border-radius: .2em;
margin-bottom: 15px; margin-bottom: 15px;
color: white; color: white;
padding: 0.8em; padding: .8em;
& > .text { & > .text {
text-align: center; text-align: center;
@ -36,19 +36,19 @@ vn-snackbar .shape {
} }
&.success { &.success {
background-color: rgba(163, 209, 49, 0.8); background-color: rgba(163, 209, 49, .8);
color: #445911; color: #445911;
& > button { & > button {
color: rgba(1, 1, 1, 0.6); color: rgba(1, 1, 1, .6);
} }
} }
&.error { &.error {
background-color: rgba(198, 40, 40, 0.8); background-color: rgba(198, 40, 40, .8);
& > button { & > button {
color: rgba(1, 1, 1, 0.6); color: rgba(1, 1, 1, .6);
} }
} }

6
front/core/components/step-control/style.scss
View File

@ -22,11 +22,11 @@ vn-step-control {
border: 2px solid $color-main; border: 2px solid $color-main;
background-color: white; background-color: white;
align-content: center; align-content: center;
margin-top: -9.5px; margin-top: -10px;
border-radius: 50%; border-radius: 50%;
cursor: pointer; cursor: pointer;
height: 15px; height: 15px;
width: 15px width: 15px;
} }
& > .steps > .step .circle.active { & > .steps > .step .circle.active {
background-color: $color-main; background-color: $color-main;
@ -36,7 +36,7 @@ vn-step-control {
flex: auto; flex: auto;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
margin-top: 10px margin-top: 10px;
} }
& > .buttons > .step { & > .buttons > .step {
display: flex display: flex

4
front/core/directives/droppable.scss
View File

@ -5,8 +5,8 @@
.vn-draggable, .vn-draggable,
[vn-droppable] { [vn-droppable] {
border: 2px dashed transparent; border: 2px dashed transparent;
border-radius: 0.5em; border-radius: .5em;
transition: all 0.5s; transition: all .5s;
} }
.vn-droppable, .vn-droppable,

2
front/core/directives/zoom-image.scss
View File

@ -5,7 +5,7 @@
position: fixed; position: fixed;
top: 0; top: 0;
z-index: 25; z-index: 25;
background-color: rgba(1, 1, 1, 0.6); background-color: rgba(1, 1, 1, .6);
& > div { & > div {
display: flex; display: flex;

2
front/core/styles/global.scss
View File

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

2
front/core/styles/layout.scss
View File

@ -40,7 +40,7 @@ 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: .1px;
} }
html [vn-auto], vn-auto, .vn-auto { html [vn-auto], vn-auto, .vn-auto {
flex-basis: auto; flex-basis: auto;

14
front/core/styles/responsive.scss
View File

@ -1,12 +1,16 @@
@import "variables"; @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) @media (max-resolution: 119dpi) and (min-device-width: 1340px) and (max-device-width: 1899px)
{ {
body { font-size: 10pt; } body { font-size: 10pt; }
} }
/* Mobile - Low DPI */ // Mobile - Low DPI
@media @media
(min-resolution: 120dpi), (min-resolution: 120dpi),
(-webkit-min-device-pixel-ratio: 1.5) (-webkit-min-device-pixel-ratio: 1.5)
@ -20,7 +24,7 @@
body { font-size: 11pt; } body { font-size: 11pt; }
} }
/* Mobile - Normal DPI */ // Mobile - Normal DPI
@media @media
(max-device-width: 383px) and (min-resolution: 192dpi), (max-device-width: 383px) and (min-resolution: 192dpi),
(max-device-width: 383px) and (-webkit-min-device-pixel-ratio: 2) (max-device-width: 383px) and (-webkit-min-device-pixel-ratio: 2)
@ -34,7 +38,7 @@
body { font-size: 11pt; } body { font-size: 11pt; }
} }
/* Mobile - High DPI */ // Mobile - High DPI
@media @media
(max-device-width: 411px) and (min-resolution: 249dpi), (max-device-width: 411px) and (min-resolution: 249dpi),
(max-device-width: 411px) and (-webkit-min-device-pixel-ratio: 3) (max-device-width: 411px) and (-webkit-min-device-pixel-ratio: 3)
@ -47,7 +51,7 @@
{ {
body { font-size: 11pt; } body { font-size: 11pt; }
} }
*/
.vn-hide-narrow { .vn-hide-narrow {
@media (max-width: $mobile-width) { @media (max-width: $mobile-width) {
display: none; display: none;

2
front/salix/components/home/style.scss
View File

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

4
front/salix/styles/misc.scss
View File

@ -104,7 +104,7 @@ vn-tool-bar {
html [scrollable] { html [scrollable] {
min-height: 1px; min-height: 1px;
flex: 1; flex: 1;
flex-basis: 0.000000001px; flex-basis: .1px;
} }
.ellipsize { .ellipsize {
text-overflow: ellipsis; text-overflow: ellipsis;
@ -115,7 +115,7 @@ html [scrollable] {
@extend %active; @extend %active;
&.small { &.small {
font-size: 0.7em font-size: .7em
} }
} }

2
front/salix/styles/photo-list.scss
View File

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

2
modules/claim/front/action/style.scss
View File

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

2
modules/claim/front/detail/style.scss
View File

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

2
modules/claim/front/photos/style.scss
View File

@ -6,7 +6,7 @@ vn-claim-photos {
.drop-zone { .drop-zone {
color: $color-font-secondary; color: $color-font-secondary;
box-sizing: border-box; box-sizing: border-box;
border-radius: 0.5em; border-radius: .5em;
text-align: center; text-align: center;
min-height: 100%; min-height: 100%;

2
modules/claim/front/summary/style.scss
View File

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

2
modules/client/front/sample/create/style.scss
View File

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

6
modules/item/front/index/style.scss
View File

@ -6,7 +6,7 @@ vn-item-product {
.id { .id {
background-color: $color-main; background-color: $color-main;
color: $color-font-dark; color: $color-font-dark;
margin-bottom: 0em; margin-bottom: 0;
} }
.image { .image {
height: 7em; height: 7em;
@ -19,10 +19,10 @@ vn-item-product {
} }
} }
vn-label-value:first-of-type section{ vn-label-value:first-of-type section{
margin-top: 0.6em; margin-top: .6em;
} }
vn-fetched-tags vn-horizontal{ vn-fetched-tags vn-horizontal{
margin-top: 0.9em; margin-top: .9em;
} }
} }

2
modules/item/front/waste/style.scss
View File

@ -11,7 +11,7 @@ vn-item-waste {
padding-bottom: 4px; padding-bottom: 4px;
font-weight: lighter; font-weight: lighter;
background-color: #fde6ca; background-color: #fde6ca;
border-bottom: 0.1em solid #f7931e; border-bottom: .1em solid #f7931e;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;

4
modules/ticket/front/sale/style.scss
View File

@ -69,7 +69,7 @@ vn-ticket-sale {
} }
} }
vn-table, table { vn-table, table {
margin-bottom: 10px margin-bottom: 10px;
} }
vn-table { vn-table {
overflow-x: hidden; overflow-x: hidden;
@ -96,7 +96,7 @@ vn-ticket-sale {
} }
p.simulatorTitle { p.simulatorTitle {
margin-bottom: 0px; margin-bottom: 0;
font-size: 12px; font-size: 12px;
color: $color-main; color: $color-main;
} }

2
modules/ticket/front/summary/style.scss
View File

@ -54,7 +54,7 @@ vn-ticket-summary .summary {
.vn-table > vn-thead .tax-class, .vn-table > vn-thead .tax-class,
.vn-table > vn-tbody .tax-class { .vn-table > vn-tbody .tax-class {
min-width: 11em; min-width: 11em;
width: 1px width: 1px;
} }
.vn-table > vn-tbody vn-td:first-child { .vn-table > vn-tbody vn-td:first-child {