muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
Code Packages Activity Actions

fixed line clamping on lab

Browse source
This commit is contained in:
Fedor Katurov 2021-10-13 16:50:03 +07:00
parent 46a3e47cb2
commit 6761ca6330
4 changed files with 10 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

4
.env.development
View file

@ -1,3 +1,3 @@
#REACT_APP_API_HOST=http://localhost:3334/ #REACT_APP_API_HOST=http://localhost:3334/
REACT_APP_API_HOST=https://pig.staging.vault48.org/ REACT_APP_API_HOST=https://pig.vault48.org/
REACT_APP_REMOTE_CURRENT=https://pig.staging.vault48.org/static/ REACT_APP_REMOTE_CURRENT=https://pig.vault48.org/static/

7
src/components/lab/LabDescription/styles.module.scss
View file

@ -5,9 +5,10 @@
line-height: 1.3em; line-height: 1.3em;
@include tablet { @include tablet {
@include clamp(10, 1.3 * 16); @include clamp(10, 1.3*16px);
font: $font_16_regular;
line-height: 1.3em; 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;
} }
} }

2
src/components/lab/LabText/styles.module.scss
View file

@ -5,7 +5,7 @@
line-height: 1.3em; line-height: 1.3em;
@include tablet { @include tablet {
@include clamp(20, 1.3 * 16); @include clamp(20, 1.3 * 16px);
padding: 0 $lab_gap_mobile; padding: 0 $lab_gap_mobile;
font: $font_16_regular; font: $font_16_regular;
} }

8
src/styles/variables.scss
View file

@ -232,13 +232,11 @@ $sidebar_border: transparentize(white, 0.95);
} }
@mixin clamp($lines, $line: 1em) { @mixin clamp($lines, $line: 1em) {
max-height: $line * $lines;
overflow: hidden;
-webkit-line-clamp: $lines;
line-clamp: $lines;
display: -webkit-box; display: -webkit-box;
line-clamp: $lines;
-webkit-line-clamp: $lines;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
text-overflow: ellipsis; overflow: hidden;
} }
@mixin sidebar { @mixin sidebar {