diff --git a/.env.development b/.env.development index cf60c666..589f28a1 100644 --- a/.env.development +++ b/.env.development @@ -1,3 +1,3 @@ #REACT_APP_API_HOST=http://localhost:3334/ -REACT_APP_API_HOST=https://pig.staging.vault48.org/ -REACT_APP_REMOTE_CURRENT=https://pig.staging.vault48.org/static/ +REACT_APP_API_HOST=https://pig.vault48.org/ +REACT_APP_REMOTE_CURRENT=https://pig.vault48.org/static/ diff --git a/src/components/lab/LabDescription/styles.module.scss b/src/components/lab/LabDescription/styles.module.scss index f8005c6a..ae6c7491 100644 --- a/src/components/lab/LabDescription/styles.module.scss +++ b/src/components/lab/LabDescription/styles.module.scss @@ -5,9 +5,10 @@ line-height: 1.3em; @include tablet { - @include clamp(10, 1.3 * 16); - font: $font_16_regular; + @include clamp(10, 1.3*16px); line-height: 1.3em; - padding: $lab_gap_mobile / 2 $lab_gap_mobile; + font: $font_16_regular; + padding: 0 $lab_gap_mobile; + margin: $lab_gap_mobile / 2 0; } } diff --git a/src/components/lab/LabText/styles.module.scss b/src/components/lab/LabText/styles.module.scss index 42f4e198..69fff361 100644 --- a/src/components/lab/LabText/styles.module.scss +++ b/src/components/lab/LabText/styles.module.scss @@ -5,7 +5,7 @@ line-height: 1.3em; @include tablet { - @include clamp(20, 1.3 * 16); + @include clamp(20, 1.3 * 16px); padding: 0 $lab_gap_mobile; font: $font_16_regular; } diff --git a/src/styles/variables.scss b/src/styles/variables.scss index c511e7fb..c9c42aaf 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -232,13 +232,11 @@ $sidebar_border: transparentize(white, 0.95); } @mixin clamp($lines, $line: 1em) { - max-height: $line * $lines; - overflow: hidden; - -webkit-line-clamp: $lines; - line-clamp: $lines; display: -webkit-box; + line-clamp: $lines; + -webkit-line-clamp: $lines; -webkit-box-orient: vertical; - text-overflow: ellipsis; + overflow: hidden; } @mixin sidebar {