diff --git a/projects/sbb-esta/angular-business/src/lib/textarea/textarea.ts b/projects/sbb-esta/angular-business/src/lib/textarea/textarea.ts new file mode 100644 index 0000000000..d6e72fba4e --- /dev/null +++ b/projects/sbb-esta/angular-business/src/lib/textarea/textarea.ts @@ -0,0 +1 @@ +export * from '../../../../angular-public/src/lib/textarea/textarea'; diff --git a/projects/sbb-esta/angular-business/src/public-api.ts b/projects/sbb-esta/angular-business/src/public-api.ts index 1b2d306bda..41aca0e8e1 100644 --- a/projects/sbb-esta/angular-business/src/public-api.ts +++ b/projects/sbb-esta/angular-business/src/public-api.ts @@ -3,3 +3,4 @@ */ export * from './lib/field/field'; export * from './lib/time-input/time-input'; +export * from './lib/textarea/textarea'; diff --git a/projects/sbb-esta/angular-public/src/lib/textarea/_textarea.scss b/projects/sbb-esta/angular-public/src/lib/textarea/_textarea.scss index 5650b03c0e..febf2437da 100644 --- a/projects/sbb-esta/angular-public/src/lib/textarea/_textarea.scss +++ b/projects/sbb-esta/angular-public/src/lib/textarea/_textarea.scss @@ -6,23 +6,33 @@ display: inline-block; letter-spacing: 0; - line-height: 23px; border: 2px solid $borderColor; border-radius: 2px; outline: 0px; opacity: 1; font-size: pxToRem(15); width: 100%; - @include mq($from: desktop4k) { - border-width: 3px; - border-radius: 3px; - font-size: pxToRem(23); + + @include publicOnly() { + line-height: 23px; + + @include mq($from: desktop4k) { + border-width: 3px; + border-radius: 3px; + font-size: pxToRem(23); + } + @include mq($from: desktop5k) { + border-radius: 4px; + border-width: 4px; + font-size: pxToRem(30); + } } - @include mq($from: desktop5k) { - border-radius: 4px; - border-width: 4px; - font-size: pxToRem(30); + + @include businessOnly() { + line-height: 20px; + border-width: 1px; } + font-family: $fontSbbRoman; } diff --git a/projects/sbb-esta/angular-public/src/lib/textarea/textarea/textarea.component.scss b/projects/sbb-esta/angular-public/src/lib/textarea/textarea/textarea.component.scss index 6661949a6c..9efae78903 100644 --- a/projects/sbb-esta/angular-public/src/lib/textarea/textarea/textarea.component.scss +++ b/projects/sbb-esta/angular-public/src/lib/textarea/textarea/textarea.component.scss @@ -35,14 +35,16 @@ font-size: pxToRem(13); font-family: $fontSbbRoman; - @include mq($from: desktop4k) { - font-size: pxToRem(20); - line-height: pxToRem(13); - } - - @include mq($from: desktop5k) { - font-size: pxToRem(26); - line-height: pxToRem(13); + @include publicOnly() { + @include mq($from: desktop4k) { + font-size: pxToRem(20); + line-height: pxToRem(13); + } + + @include mq($from: desktop5k) { + font-size: pxToRem(26); + line-height: pxToRem(13); + } } } }