diff --git a/projects/sbb-esta/angular-business/src/lib/field/field.ts b/projects/sbb-esta/angular-business/src/lib/field/field.ts new file mode 100644 index 0000000000..859fcd4971 --- /dev/null +++ b/projects/sbb-esta/angular-business/src/lib/field/field.ts @@ -0,0 +1 @@ +export * from '../../../../angular-public/src/lib/field/field'; diff --git a/projects/sbb-esta/angular-business/src/public-api.ts b/projects/sbb-esta/angular-business/src/public-api.ts index d7e938f98b..4315aeb2bd 100644 --- a/projects/sbb-esta/angular-business/src/public-api.ts +++ b/projects/sbb-esta/angular-business/src/public-api.ts @@ -1,4 +1,4 @@ /* * Public API Surface of angular-business */ -export {}; +export * from './lib/field/field'; diff --git a/projects/sbb-esta/angular-public/src/lib/field/styles/_formerror.scss b/projects/sbb-esta/angular-public/src/lib/field/styles/_formerror.scss index 938d79205f..d5d9a6bd1a 100644 --- a/projects/sbb-esta/angular-public/src/lib/field/styles/_formerror.scss +++ b/projects/sbb-esta/angular-public/src/lib/field/styles/_formerror.scss @@ -7,15 +7,23 @@ resize: none; opacity: 1; font-family: $fontSbbRoman; - font-size: pxToRem(14); - line-height: pxToEm(21, 14); color: $sbbColorError; - @include mq($from: desktop4k) { - font-size: pxToRem(14 * $scalingFactor4k); + @include publicOnly() { + font-size: pxToRem(14); + line-height: pxToEm(21, 14); + + @include mq($from: desktop4k) { + font-size: pxToRem(14 * $scalingFactor4k); + } + + @include mq($from: desktop5k) { + font-size: pxToRem(14 * $scalingFactor5k); + } } - @include mq($from: desktop5k) { - font-size: pxToRem(14 * $scalingFactor5k); + @include businessOnly() { + font-size: pxToRem(13); + line-height: pxToEm(16, 13); } } diff --git a/projects/sbb-esta/angular-public/src/lib/field/styles/_input-field.scss b/projects/sbb-esta/angular-public/src/lib/field/styles/_input-field.scss index 1f92c13290..242d6dcd66 100644 --- a/projects/sbb-esta/angular-public/src/lib/field/styles/_input-field.scss +++ b/projects/sbb-esta/angular-public/src/lib/field/styles/_input-field.scss @@ -1,15 +1,23 @@ @import 'common'; @mixin sbbLabel { - margin-bottom: pxToEm(5, 13); - padding-left: pxToEm(10, 13); - @include mq($from: desktop4k) { - margin-bottom: pxToEm(5 * $scalingFactor4k, 13); + @include publicOnly() { + margin-bottom: pxToEm(5, 13); + padding-left: pxToEm(10, 13); + + @include mq($from: desktop4k) { + margin-bottom: pxToEm(5 * $scalingFactor4k, 13); + } + + @include mq($from: desktop5k) { + margin-bottom: pxToEm(5 * $scalingFactor5k, 13); + } } - @include mq($from: desktop5k) { - margin-bottom: pxToEm(5 * $scalingFactor5k, 13); + @include businessOnly() { + margin-bottom: pxToEm(3, 13); + padding-left: 0; } @include label; diff --git a/projects/sbb-esta/angular-public/src/public-api.ts b/projects/sbb-esta/angular-public/src/public-api.ts index 8080b583ef..5c87af8af2 100644 --- a/projects/sbb-esta/angular-public/src/public-api.ts +++ b/projects/sbb-esta/angular-public/src/public-api.ts @@ -5,7 +5,6 @@ export * from './lib/_common/common'; export * from './lib/svg-icons/svg-icons'; export * from './lib/field/field'; -export * from './lib/field/field'; export * from './lib/input/input'; export * from './lib/option/option'; export * from './lib/textarea/textarea'; diff --git a/projects/sbb-esta/angular-public/src/styles/common/_form.scss b/projects/sbb-esta/angular-public/src/styles/common/_form.scss index 76d721dec0..22ff40e313 100644 --- a/projects/sbb-esta/angular-public/src/styles/common/_form.scss +++ b/projects/sbb-esta/angular-public/src/styles/common/_form.scss @@ -26,7 +26,7 @@ } @include businessOnly() { - padding: 7px; + padding: 6px 8px 7px; } }