andras/schmelczer-dev
1
0
Fork 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Fix line position

Browse source
This commit is contained in:
schmelczerandras 2020-11-19 10:13:41 +01:00
parent d317f003b6
commit 1308d9d1ae
1 changed files with 5 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/page/timeline/timeline-element/timeline-element.scss
View file

@ -24,7 +24,6 @@ section.timeline-element {
.line-container { .line-container {
position: relative; position: relative;
@include q-dependent-line-container(33%); @include q-dependent-line-container(33%);
min-width: 160px;
.line { .line {
border-left: var(--line-width) solid var(--accent-color); border-left: var(--line-width) solid var(--accent-color);
@ -61,6 +60,10 @@ section.timeline-element {
} }
@include on-large-screen { @include on-large-screen {
.line-container {
min-width: 160px;
}
&:not(:first-of-type) .card { &:not(:first-of-type) .card {
margin-top: var(--large-margin); margin-top: var(--large-margin);
} }
@ -73,7 +76,7 @@ section.timeline-element {
.line-container { .line-container {
@include q-dependent-line-container(50%); @include q-dependent-line-container(50%);
height: 150px; height: 150px;
width: 50%; min-width: 64%;
.date { .date {
transform: translateX(calc(var(--icon-size) / 2 + 12px)) translateY(-10%); transform: translateX(calc(var(--icon-size) / 2 + 12px)) translateY(-10%);