verdnatura/salix
verdnatura
/
salix
3
5
Fork 0
Code Issues Pull Requests 49 Releases Wiki Activity

SCSS em to px: Second step

This commit is contained in:
Juan Ferrer 2020-04-02 14:52:02 +02:00
parent 734c86c5f5
commit 559cc5eb8c
53 changed files with 129 additions and 127 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4,7 +4,7 @@
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 2.8em; height: 44px;
border: none; border: none;
border-radius: 1px; border-radius: 1px;
font-family: vn-font-bold; font-family: vn-font-bold;
@ -34,13 +34,13 @@
& > vn-icon { & > vn-icon {
vertical-align: middle; vertical-align: middle;
color: inherit; color: inherit;
font-size: 1.7em; font-size: 27px;
} }
} }
&.colored { &.colored {
color: white; color: white;
background-color: $color-button; background-color: $color-button;
box-shadow: 0 .15em .15em 0 rgba(0, 0, 0, .3); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3);
transition: background 200ms ease-in-out; transition: background 200ms ease-in-out;
&:not(.disabled) { &:not(.disabled) {
@ -80,8 +80,8 @@
} }
&.round { &.round {
border-radius: 50%; border-radius: 50%;
height: 3.8em; height: 60px;
width: 3.8em; width: 60px;
& > button > span { & > button > span {
display: none; display: none;
@ -100,7 +100,7 @@
} }
&.lg { &.lg {
font-size: 1.2em; font-size: 19px;
} }
} }
&.disabled { &.disabled {

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

@ -8,7 +8,7 @@
display: flex; display: flex;
margin-bottom: 8px; margin-bottom: 8px;
align-items: center; align-items: center;
height: 2.4em; height: 38px;
& > .title { & > .title {
flex: 1; flex: 1;
@ -41,7 +41,7 @@
& > .day { & > .day {
width: 14.28%; width: 14.28%;
height: 2.5em; height: 40px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -62,9 +62,9 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border-radius: 50%; border-radius: 50%;
font-size: .87em; font-size: .85rem;
width: 2.2em; width: 35px;
height: 2.2em; height: 35px;
cursor: pointer; cursor: pointer;
outline: 0; outline: 0;
transition: background-color 300ms ease-in-out; transition: background-color 300ms ease-in-out;

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

@ -5,7 +5,7 @@ vn-chip {
background-color: $color-bg; background-color: $color-bg;
color: $color-font; color: $color-font;
font-size: .9rem; font-size: .9rem;
margin: .25em; margin: 4px;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
height: 32px; height: 32px;
@ -13,7 +13,7 @@ vn-chip {
box-sizing: border-box; box-sizing: border-box;
&.small { &.small {
height: 1.5em; height: 24px;
& > div { & > div {
padding: 9px; padding: 9px;
@ -52,7 +52,7 @@ vn-chip {
overflow: hidden; overflow: hidden;
& > vn-avatar { & > vn-avatar {
margin-left: -0.7em; margin-left: -11px;
margin-right: 4px; margin-right: 4px;
vertical-align: middle; vertical-align: middle;
height: 32px; height: 32px;
@ -60,8 +60,8 @@ vn-chip {
} }
} }
& > vn-icon { & > vn-icon {
margin-right: .12em; margin-right: 1px;
margin-left: -.12em; margin-left: -1px;
vertical-align: middle; vertical-align: middle;
opacity: .6; opacity: .6;
cursor: pointer; cursor: pointer;

2
front/core/components/confirm/style.scss
View File

@ -1,3 +1,3 @@
.vn-confirm .window { .vn-confirm .window {
max-width: 30em max-width: 480px
} }

4
front/core/components/data-viewer/style.scss
View File

@ -6,9 +6,9 @@ vn-data-viewer {
& > .empty-rows { & > .empty-rows {
display: block; display: block;
text-align: center; text-align: center;
padding: 1.5em; padding: 24px;
box-sizing: border-box; box-sizing: border-box;
color: $color-font-secondary; color: $color-font-secondary;
font-size: 1.4em; font-size: 22px;
} }
} }

6
front/core/components/debug-info/style.scss
View File

@ -19,7 +19,7 @@ vn-debug-info {
& > h6 { & > h6 {
font-weight: normal; font-weight: normal;
color: rgba(255, 255, 255, .5); color: rgba(255, 255, 255, .5);
font-size: 16px; font-size: 1rem;
} }
ul { ul {
list-style-type: none; list-style-type: none;
@ -28,10 +28,10 @@ vn-debug-info {
& > li { & > li {
margin-top: 3px; margin-top: 3px;
font-size: .95em; font-size: 15px;
& > span { & > span {
padding: .05em 3px; padding: 1px 3px;
border-radius: 4px; border-radius: 4px;
transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out;

6
front/core/components/dialog/style.scss
View File

@ -20,11 +20,11 @@
& > .body > tpl-body { & > .body > tpl-body {
display: block; display: block;
min-width: 16em; min-width: 256px;
} }
& > .buttons > tpl-buttons { & > .buttons > tpl-buttons {
display: block; display: block;
margin-top: 1.5em; margin-top: 24px;
text-align: right; text-align: right;
button, button,
@ -39,7 +39,7 @@
color: $color-button; color: $color-button;
font-family: vn-font-bold; font-family: vn-font-bold;
padding: 11px; padding: 11px;
margin: -0.7em; margin: -1px;
margin-left: 11px; margin-left: 11px;
} }
} }

2
front/core/components/label-value/style.scss
View File

@ -4,6 +4,6 @@ vn-label-value > section {
& > vn-icon { & > vn-icon {
vertical-align: middle; vertical-align: middle;
color: $color-font-secondary; color: $color-font-secondary;
font-size: 1.2em font-size: 19px
} }
} }

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

@ -76,7 +76,7 @@ vn-item,
margin-right: $spacing-md; margin-right: $spacing-md;
& > .vn-icon { & > .vn-icon {
font-size: 1.2em; font-size: 19px;
} }
} }
&[side] { &[side] {
@ -89,7 +89,7 @@ vn-item,
margin-left: 8px; margin-left: 8px;
transition: opacity 250ms ease-out; transition: opacity 250ms ease-out;
padding: 0; padding: 0;
font-size: 1.05em; font-size: 1rem;
&:hover { &:hover {
opacity: 1; opacity: 1;

2
front/core/components/pagination/style.scss
View File

@ -4,7 +4,7 @@ vn-pagination {
text-align: center; text-align: center;
& > div > vn-icon-button { & > div > vn-icon-button {
font-size: 32px; font-size: 2rem;
padding: 0; padding: 0;
} }
} }

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

@ -10,7 +10,7 @@
color: $color-font; color: $color-font;
opacity: 0; opacity: 0;
transform: translateY(-.6em); transform: translateY(-9px);
transition-property: opacity, transform; transition-property: opacity, transform;
transition-duration: 200ms; transition-duration: 200ms;
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
@ -27,7 +27,7 @@
& > .arrow { & > .arrow {
width: 16px; width: 16px;
height: 16px; height: 16px;
margin: -.5em; margin: -8px;
background-color: $color-bg-panel; background-color: $color-bg-panel;
box-shadow: 0 1px 6px $color-shadow; box-shadow: 0 1px 6px $color-shadow;
position: absolute; position: absolute;

2
front/core/components/scroll-up/style.scss
View File

@ -1,5 +1,5 @@
vn-scroll-up { vn-scroll-up {
top: 5.5em; top: 88px;
right: 32px; right: 32px;
display: none; display: none;
position: fixed; position: fixed;

8
front/core/components/searchbar/style.scss
View File

@ -2,15 +2,15 @@
vn-searchbar { vn-searchbar {
display: block; display: block;
max-width: 35em; max-width: 560px;
margin: 0 auto; margin: 0 auto;
.search-params { .search-params {
flex: 1; flex: 1;
margin: .05em 0; margin: 1px 0;
overflow: visible; overflow: visible;
display: flex; display: flex;
max-width: 24em; max-width: 384px;
& > .search-param { & > .search-param {
color: rgba(0, 0, 0, .6); color: rgba(0, 0, 0, .6);
@ -39,7 +39,7 @@ vn-searchbar {
} }
.search-panel { .search-panel {
max-height: 48em; max-height: 768px;
& > form { & > form {
padding: $spacing-lg; padding: $spacing-lg;

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

@ -1,11 +1,11 @@
@import "variables"; @import "variables";
vn-snackbar #shapes { vn-snackbar #shapes {
max-height: 20.625em; max-height: 330px;
margin-left: -12.5em; margin-left: -200px;
position: fixed; position: fixed;
z-index: 100; z-index: 100;
width: 25em; width: 400px;
left: 50%; left: 50%;
bottom: 0 bottom: 0
} }
@ -14,7 +14,7 @@ vn-snackbar .shape {
background-color: rgba(0, 0, 0, .8); background-color: rgba(0, 0, 0, .8);
box-shadow: 0 0 6px $color-shadow; box-shadow: 0 0 6px $color-shadow;
transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out;
transform: translateY(20em); transform: translateY(320px);
box-sizing: border-box; box-sizing: border-box;
border-radius: 3px; border-radius: 3px;
margin-bottom: 15px; margin-bottom: 15px;
@ -26,8 +26,8 @@ vn-snackbar .shape {
vn-chip { vn-chip {
position: absolute; position: absolute;
left: -1em; left: -16px;
top: -1em; top: -16px;
} }
} }
@ -62,6 +62,6 @@ vn-snackbar .shape {
float: right; float: right;
border: none; border: none;
padding: 8px; padding: 8px;
margin: -.5em margin: -8px;
} }
} }

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

@ -14,7 +14,7 @@ vn-table {
& > vn-thead, & > vn-thead,
& > thead { & > thead {
display: table-header-group; display: table-header-group;
border-bottom: .15em solid $color-spacer; border-bottom: 2px solid $color-spacer;
& > * > th { & > * > th {
font-weight: normal; font-weight: normal;
@ -52,7 +52,7 @@ vn-table {
} }
& > vn-tfoot, & > vn-tfoot,
& > tfoot { & > tfoot {
border-top: .15em solid $color-spacer; border-top: 2px solid $color-spacer;
display: table-footer-group display: table-footer-group
} }
& > * > vn-tr, & > * > vn-tr,
@ -103,7 +103,7 @@ vn-table {
text-align: center; text-align: center;
} }
&[expand] { &[expand] {
max-width: 25em; max-width: 400px;
min-width: 0; min-width: 0;
} }
vn-icon.bright, i.bright { vn-icon.bright, i.bright {
@ -111,10 +111,10 @@ vn-table {
} }
} }
& > :last-child { & > :last-child {
padding-right: 1.4em; padding-right: 22px;
} }
& > :first-child { & > :first-child {
padding-left: 1.4em; padding-left: 22px;
} }
} }
& > a.vn-tr { & > a.vn-tr {
@ -158,7 +158,7 @@ vn-table {
vn-icon-menu { vn-icon-menu {
display: inline-block; display: inline-block;
color: $color-main; color: $color-main;
padding: .25em padding: 4px
} }
} }
& > [actions] { & > [actions] {

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

@ -11,7 +11,7 @@ vn-treeview-childs {
list-style: none; list-style: none;
ul { ul {
padding-left: 2.2em; padding-left: 35px;
} }
} }
} }
@ -37,7 +37,7 @@ vn-treeview-childs {
vn-treeview-child { vn-treeview-child {
line-height: 38px; line-height: 38px;
font-size: 16px; font-size: 1rem;
display: block; display: block;
.node { .node {

4
front/core/components/wday-picker/style.scss
View File

@ -12,8 +12,8 @@
padding: 6px; padding: 6px;
margin: 3px; margin: 3px;
display: inline-flex; display: inline-flex;
width: 1.5em; width: 24px;
height: 1.5em; height: 24px;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
outline: none; outline: none;

2
front/core/directives/uvc.scss
View File

@ -1,6 +1,6 @@
vn-table vn-dialog[vn-id="uvc"]{ vn-table vn-dialog[vn-id="uvc"]{
& > div { & > div {
min-width: 18em; min-width: 288px;
align-items: center; align-items: center;
} }

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

@ -2,7 +2,7 @@
@keyframes nothing {} @keyframes nothing {}
@keyframes slideIn { @keyframes slideIn {
from { from {
transform: translate3d(-2em, 0, 0); transform: translate3d(-32px, 0, 0);
opacity: 0; opacity: 0;
} }
to { to {

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

@ -1,10 +1,10 @@
@import "variables"; @import "variables";
html { html {
font-size: $font-size;
background-color: $color-bg; background-color: $color-bg;
overflow: auto; overflow: auto;
height: 100%; height: 100%;
font-size: $font-size;
} }
body { body {
height: 100%; height: 100%;

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

@ -48,6 +48,8 @@
html { font-size: 11pt; } html { font-size: 11pt; }
} }
html { font-size: 9pt; }
.vn-hide-narrow { .vn-hide-narrow {
@media (max-width: $mobile-width) { @media (max-width: $mobile-width) {
display: none; display: none;

22
front/core/styles/variables.scss
View File

@ -1,17 +1,17 @@
@import "./util"; @import "./util";
$menu-width: 16em; $menu-width: 256px;
$topbar-height: 3.5em; $topbar-height: 56px;
$mobile-width: 800px; $mobile-width: 800px;
$font-size: 16px; $font-size: 1rem;
// Width // Width
$width-xs: 25em; $width-xs: 400px;
$width-sm: 34em; $width-sm: 544px;
$width-md: 50em; $width-md: 800px;
$width-lg: 80em; $width-lg: 1280px;
$width-xl: 100em; $width-xl: 1600px;
// Spacing // Spacing
@ -115,6 +115,6 @@ $color-alert-light: darken($color-alert, 35%);
// Border // Border
$border-thin: .05em solid $color-spacer; $border-thin: 1px solid $color-spacer;
$border-thin-light: .05em solid $color-spacer-light; $border-thin-light: 1px solid $color-spacer-light;
$shadow: 0 .15em .15em 0 rgba(0, 0, 0, .3); $shadow: 0 2px 2px 0 rgba(0, 0, 0, .3);

6
front/salix/components/descriptor/style.scss
View File

@ -26,7 +26,7 @@
padding: 10px; padding: 10px;
} }
vn-icon { vn-icon {
font-size: 1.8em; font-size: 28px;
} }
} }
} }
@ -51,7 +51,7 @@
& > vn-icon { & > vn-icon {
padding: $spacing-sm; padding: $spacing-sm;
color: $color-marginal; color: $color-marginal;
font-size: 1.5em; font-size: 24px;
&.bright { &.bright {
color: $color-main; color: $color-main;
@ -70,7 +70,7 @@
margin: 0 $spacing-sm; margin: 0 $spacing-sm;
& > vn-icon { & > vn-icon {
font-size: 1.8em; font-size: 28px;
padding: 0; padding: 0;
} }
} }

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

@ -16,7 +16,7 @@ vn-home {
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
flex-wrap: wrap; flex-wrap: wrap;
max-width: 44em; max-width: 704px;
margin: 0 auto; margin: 0 auto;
& > a { & > a {
@ -41,7 +41,7 @@ vn-home {
& > vn-icon { & > vn-icon {
display: block; display: block;
font-size: 3.5em; font-size: 56px;
} }
} }
& > span { & > span {
@ -55,7 +55,7 @@ vn-home {
overflow: hidden; overflow: hidden;
color: inherit; color: inherit;
margin: 0; margin: 0;
line-height: 1.5em; line-height: 24px;
/* & > .bind-letter { /* & > .bind-letter {
color: #FD0; color: #FD0;

6
front/salix/components/layout/style.scss
View File

@ -28,7 +28,7 @@ vn-layout {
display: block; display: block;
} }
& > .main-title { & > .main-title {
font-size: 1.6em; font-size: 25px;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
@ -50,7 +50,7 @@ vn-layout {
} }
.vn-button { .vn-button {
color: inherit; color: inherit;
font-size: 1.05em; font-size: 1rem;
padding: 0; padding: 0;
} }
} }
@ -166,6 +166,6 @@ vn-layout {
} }
} }
#user { #user {
font-size: 1.5em; font-size: 24px;
height: auto; height: auto;
} }

8
front/salix/components/login/style.scss
View File

@ -7,7 +7,7 @@ vn-login {
margin: 0; margin: 0;
padding: 0; padding: 0;
color: $color-font; color: $color-font;
font-size: 1.1em; font-size: 17px;
font-weight: normal; font-weight: normal;
background-color: $color-bg-dark; background-color: $color-bg-dark;
display: flex; display: flex;
@ -18,8 +18,8 @@ vn-login {
& > .box { & > .box {
box-sizing: border-box; box-sizing: border-box;
position: absolute; position: absolute;
max-width: 19em; max-width: 304px;
min-width: 15em; min-width: 240px;
padding: 48px; padding: 48px;
background-color: $color-bg-panel; background-color: $color-bg-panel;
box-shadow: 0 0 16px 0 rgba(0, 0, 0, .6); box-shadow: 0 0 16px 0 rgba(0, 0, 0, .6);
@ -56,7 +56,7 @@ vn-login {
position: absolute; position: absolute;
width: 0; width: 0;
top: 3px; top: 3px;
right: -.5em; right: -8px;
overflow: visible; overflow: visible;
} }
} }

4
front/salix/components/summary/style.scss
View File

@ -11,7 +11,7 @@
color: $color-font-dark; color: $color-font-dark;
margin: 0; margin: 0;
text-align: center; text-align: center;
line-height: 1.3em; line-height: 20px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -38,7 +38,7 @@
} }
& > * { & > * {
margin: $spacing-sm; margin: $spacing-sm;
min-width: 14em; min-width: 224px;
padding: 0; padding: 0;
} }
& > vn-auto { & > vn-auto {

4
front/salix/components/user-popover/style.scss
View File

@ -1,7 +1,7 @@
@import "variables"; @import "variables";
.vn-popover .user-popover { .vn-popover .user-popover {
width: 16em; width: 256px;
& > .profile-card { & > .profile-card {
display: flex; display: flex;
@ -33,5 +33,5 @@
float: right; float: right;
height: initial; height: initial;
vertical-align: middle; vertical-align: middle;
font-size: 16px; font-size: 1rem;
} }

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

@ -3,7 +3,7 @@
form vn-horizontal { form vn-horizontal {
align-items: center; align-items: center;
min-height: 2.8em; min-height: 44px;
& > * { & > * {
box-sizing: border-box; box-sizing: border-box;
@ -57,7 +57,7 @@ vn-bg-title {
text-align: center; text-align: center;
padding: 16px; padding: 16px;
color: gray; color: gray;
font-size: 1.3em; font-size: 20px;
} }
.totalBox { .totalBox {
border: 1px solid #CCC; border: 1px solid #CCC;
@ -65,7 +65,7 @@ vn-bg-title {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding: $spacing-md; padding: $spacing-md;
max-width: 14em; max-width: 224px;
} }
.form { .form {
height: 100%; height: 100%;

10
front/salix/styles/order-product.scss
View File

@ -8,7 +8,7 @@
& > .product { & > .product {
box-sizing: border-box; box-sizing: border-box;
padding: $spacing-sm; padding: $spacing-sm;
width: 28em; width: 448px;
overflow: hidden; overflow: hidden;
& > vn-card { & > vn-card {
@ -40,8 +40,8 @@
margin-bottom: 4px; margin-bottom: 4px;
font-weight: normal; font-weight: normal;
line-height: initial; line-height: initial;
font-size: 1.05em; font-size: 1rem;
max-height:2.4em; max-height: 38px;
overflow: hidden; overflow: hidden;
} }
& > h4 { & > h4 {
@ -49,7 +49,7 @@
text-transform: uppercase; text-transform: uppercase;
margin-bottom: 4px; margin-bottom: 4px;
line-height: initial; line-height: initial;
font-size: 16px; font-size: 1rem;
flex: 1; flex: 1;
} }
& > .tags { & > .tags {
@ -77,7 +77,7 @@
&:first-child, &:first-child,
&:last-child { &:last-child {
font-size: 1.4em; font-size: 22px;
} }
} }

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

@ -11,7 +11,7 @@
transition: all .5s; transition: all .5s;
padding: $spacing-sm; padding: $spacing-sm;
position: relative; position: relative;
width: 28em; width: 448px;
.image { .image {
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),

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

@ -1,7 +1,7 @@
@import "variables"; @import "variables";
.vn-popover .discount-popover { .vn-popover .discount-popover {
width: 16em; width: 256px;
.header { .header {
background-color: $color-main; background-color: $color-main;

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

@ -12,7 +12,7 @@ vn-claim-photos {
.empty-rows { .empty-rows {
padding: 80px $spacing-md; padding: 80px $spacing-md;
font-size: 1.4em font-size: 22px
} }
vn-icon { vn-icon {
@ -25,8 +25,8 @@ vn-claim-photos {
min-height: 100%; min-height: 100%;
.photo { .photo {
width: 32em; width: 512px;
height: 18em; height: 288px;
} }
} }
} }

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

@ -2,9 +2,9 @@
vn-claim-summary { vn-claim-summary {
section.photo { section.photo {
height: 15.5em height: 248px;
} }
.photo .image { .photo .image {
border-radius: 3px border-radius: 3px;
} }
} }

2
modules/client/front/descriptor-popover/style.scss
View File

@ -1,7 +1,7 @@
vn-client-descriptor-popover { vn-client-descriptor-popover {
vn-client-descriptor { vn-client-descriptor {
display: block; display: block;
width: 16em; width: 256px;
& > vn-card{ & > vn-card{
margin: 0!important; margin: 0!important;
} }

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

@ -4,7 +4,7 @@ div.vn-dialog {
.container, .container h1 { .container, .container h1 {
font-family: "Roboto","Helvetica","Arial",sans-serif; font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 16px !important; font-size: 1rem !important;
h1 { h1 {
font-weight: bold; font-weight: bold;
@ -23,7 +23,7 @@ div.vn-dialog {
.title h1 { .title h1 {
font-size: 32px !important; font-size: 2rem !important;
margin: 0 margin: 0
} }

2
modules/client/front/sms/style.scss
View File

@ -1,5 +1,5 @@
@import "variables"; @import "variables";
.SMSDialog { .SMSDialog {
min-width: 25em min-width: 400px
} }

4
modules/invoiceOut/front/descriptor-popover/style.scss
View File

@ -1,8 +1,8 @@
vn-ticket-descriptor-popover { vn-ticket-descriptor-popover {
vn-ticket-descriptor { vn-ticket-descriptor {
display: block; display: block;
width: 16em; width: 256px;
max-height: 28em; max-height: 448px;
& > vn-card { & > vn-card {
margin: 0!important; margin: 0!important;

4
modules/item/front/descriptor-popover/style.scss
View File

@ -1,5 +1,5 @@
body > .vn-popover vn-item-descriptor { body > .vn-popover vn-item-descriptor {
display: block; display: block;
width: 16em; width: 256px;
min-height: 28em; min-height: 448px;
} }

4
modules/item/front/fetched-tags/style.scss
View File

@ -18,7 +18,7 @@ vn-fetched-tags {
text-transform: uppercase; text-transform: uppercase;
line-height: initial; line-height: initial;
text-align: center; text-align: center;
font-size: 16px font-size: 1rem
} }
& > vn-auto { & > vn-auto {
@ -32,7 +32,7 @@ vn-fetched-tags {
margin-left: 6px; margin-left: 6px;
text-align: center; text-align: center;
font-size: 12px; font-size: 12px;
height: 1.25em; height: 20px;
padding: 1px; padding: 1px;
border-radius: 1px; border-radius: 1px;
width: 64px; width: 64px;

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

@ -21,7 +21,7 @@ vn-item-summary {
line-height: 1; line-height: 1;
} }
&:last-child { &:last-child {
font-size: 1.5em; font-size: 24px;
font-weight: bold; font-weight: bold;
} }
} }

2
modules/order/front/catalog-view/style.scss
View File

@ -15,7 +15,7 @@ vn-order-catalog {
} }
} }
& > vn-auto { & > vn-auto {
width: 28em; width: 448px;
display: flex; display: flex;
overflow: hidden; overflow: hidden;

2
modules/order/front/prices-popover/style.scss
View File

@ -22,7 +22,7 @@
font-size: 12px font-size: 12px
} }
.vn-input-number { .vn-input-number {
width: 3.5em; width: 56px;
} }
} }
.footer { .footer {

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

@ -12,7 +12,7 @@ vn-order-summary .summary{
padding: 8px !important; padding: 8px !important;
& > p { & > p {
font-size: 1.2em; font-size: 19px;
margin: 3px; margin: 3px;
} }
} }

2
modules/route/front/descriptor-popover/style.scss
View File

@ -1,7 +1,7 @@
vn-route-descriptor-popover { vn-route-descriptor-popover {
vn-route-descriptor { vn-route-descriptor {
display: block; display: block;
width: 16em; width: 256px;
& > vn-card{ & > vn-card{
margin: 0!important; margin: 0!important;
} }

4
modules/ticket/front/descriptor-popover/style.scss
View File

@ -1,8 +1,8 @@
vn-ticket-descriptor-popover { vn-ticket-descriptor-popover {
vn-ticket-descriptor { vn-ticket-descriptor {
display: block; display: block;
width: 16em; width: 256px;
max-height: 28em; max-height: 448px;
& > vn-card { & > vn-card {
margin: 0!important; margin: 0!important;

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

@ -2,7 +2,7 @@
.add-stowaway { .add-stowaway {
vn-data-viewer { vn-data-viewer {
width: 40em width: 640px
} }
} }

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

@ -19,7 +19,7 @@ vn-ticket-sale {
padding: 8px !important; padding: 8px !important;
& > p { & > p {
font-size: 1.2em; font-size: 19px;
margin: 3px; margin: 3px;
} }
} }
@ -74,11 +74,11 @@ vn-ticket-sale {
vn-table { vn-table {
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
max-height: 25em; max-height: 400px;
width: 30em; width: 480px;
} }
table { table {
width: 25em width: 400px
} }
} }
.edit-price { .edit-price {

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

@ -1,5 +1,5 @@
@import "variables"; @import "variables";
.SMSDialog { .SMSDialog {
min-width: 25em min-width: 400px
} }

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

@ -40,7 +40,7 @@ vn-ticket-summary .summary {
padding: 8px; padding: 8px;
& > p { & > p {
font-size: 1.2em; font-size: 19px;
margin: 3px; margin: 3px;
} }
} }
@ -48,7 +48,7 @@ vn-ticket-summary .summary {
&.services { &.services {
.vn-table > vn-thead .identifier, .vn-table > vn-thead .identifier,
.vn-table > vn-tbody .identifier { .vn-table > vn-tbody .identifier {
min-width: 3.5em min-width: 56px
} }
.vn-table > vn-thead .tax-class, .vn-table > vn-thead .tax-class,

2
modules/worker/front/calendar/style.scss
View File

@ -13,7 +13,7 @@ vn-worker-calendar {
border: 1px solid #ddd; border: 1px solid #ddd;
margin: $spacing-md; margin: $spacing-md;
padding: $spacing-xs; padding: $spacing-xs;
max-width: 18em; max-width: 288px;
} }
} }
} }

2
modules/zone/front/calendar/style.scss
View File

@ -24,7 +24,7 @@ vn-zone-calendar {
justify-content: space-evenly; justify-content: space-evenly;
& > .vn-calendar { & > .vn-calendar {
max-width: 18em; max-width: 288px;
.day { .day {
&.event .day-number { &.event .day-number {

2
modules/zone/front/delivery-days/style.scss
View File

@ -7,7 +7,7 @@ vn-zone-delivery-days {
flex-wrap: wrap; flex-wrap: wrap;
& > vn-calendar { & > vn-calendar {
min-width: 16.5em; min-width: 264px;
} }
} }
form { form {