Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SPIN-146 // Bugfixes zum Launch #47

Merged
merged 23 commits into from
Sep 17, 2024
Merged

SPIN-146 // Bugfixes zum Launch #47

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
23 commits
Select commit Hold shift + click to select a range
e58179a
Update pull_request_template.md
anianweber Sep 14, 2023
4630397
Update pull_request_template.md
anianweber Sep 14, 2023
9c4560f
Update README.md
anianweber Nov 2, 2023
41addb7
Update pull_request_template.md
anianweber Nov 2, 2023
d3a3c81
SPIN-146 // Fixed font sizes and scalling in quotes element.
Sep 9, 2024
ac07bb9
SPIN-126 // Fixed footer styling issues
Sep 9, 2024
5d3fd2f
SPIN-146 // Merged with Dev branch.
Sep 9, 2024
5402b58
SPIN-126 // Fixed size issue with quotes.
Sep 9, 2024
1ec4c10
SPIN-126 // Fixed footer positioning.
Sep 9, 2024
a58074b
SPIN-146 // Fixed aspect ratio of ready-to-fly img.
Sep 9, 2024
a68119c
SPIN-146 // Fixed planet-to-background animation.
Sep 9, 2024
7c0ab92
SPIN-146 // Fixed layout-shift in language navigation.
Sep 9, 2024
ab3f3a1
SPIN-146 // Fixed language navigation color in mobile menu
Sep 9, 2024
ebb894e
SPIN-146 // Changed font-size for quotations back and increased inste…
Sep 9, 2024
b83583a
SPIN-146 // Fixed language navigation and header styling.
Sep 9, 2024
6ab8f5d
SPIN-146 // Fixed naming of header classes.
Sep 9, 2024
f765d48
SPIN-146 // Fixed lint error.
Sep 11, 2024
9ca89b2
SPIN-146 // Fixed size issues with quotes.
Sep 16, 2024
d0046c4
SPIN-146 // Fixed size issues with quotes.
Sep 16, 2024
85a453f
SPIN-146 // removed planet-animation css fix and added js fix instead.
Sep 16, 2024
66fb227
SPIN-146 // fixed skewed images generally and removed specific fix fr…
Sep 16, 2024
0105f44
SPIN-146 // added missing semicolons
Sep 16, 2024
7e34760
[TASK] Reformat CSS code: Adjust space indent to 4.
bibergem Sep 17, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
140 changes: 70 additions & 70 deletions blocks/carousel/carousel.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,121 +1,121 @@
main .carousel-wrapper {
position: relative;
position: relative;
}

main .carousel {
display: flex;
scroll-snap-type: x mandatory;
overflow-x: scroll;
overflow-y: hidden;
scroll-behavior: smooth;
box-shadow: var(--box-shadow-2);
margin: 32px 0;
background-color: var(--background-color-reverse);
display: flex;
scroll-snap-type: x mandatory;
overflow-x: scroll;
overflow-y: hidden;
scroll-behavior: smooth;
box-shadow: var(--box-shadow-2);
margin: 32px 0;
background-color: var(--background-color-reverse);
}

main .carousel picture {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

main .carousel img {
object-fit: cover;
width: 100%;
height: 100%;
object-fit: cover;
width: 100%;
height: 100%;
}

main .carousel-image picture:not(:only-child) {
display: none;
display: none;
}

main .carousel-image picture:not(:only-child):nth-child(1) {
display: block;
display: block;
}

main .carousel > div {
width: 100%;
flex-shrink: 0;
scroll-snap-align: start;
position: relative;
height: 50vw;
max-height: 652px;
align-items: flex-end;
display: flex;
background-image: linear-gradient(#0000, #0008);
color: var(--color-white);
width: 100%;
flex-shrink: 0;
scroll-snap-align: start;
position: relative;
height: 50vw;
max-height: 652px;
align-items: flex-end;
display: flex;
background-image: linear-gradient(#0000, #0008);
color: var(--color-white);
}

main .carousel.row-4 > div {
justify-content: center;
justify-content: center;
}

main .carousel div.carousel-text {
text-align: center;
width: 500px;
margin: 0 auto;
text-align: center;
width: 500px;
margin: 0 auto;
}

main .carousel::-webkit-scrollbar {
display: none;
display: none;
}

main .carousel-wrapper .carousel-buttons {
text-align: center;
margin-top: -34px;
position: absolute;
display: flex;
right: 0;
left: 0;
justify-content: center;
text-align: center;
margin-top: -34px;
position: absolute;
display: flex;
right: 0;
left: 0;
justify-content: center;
}

main .carousel-buttons button {
display: block;
height: 14px;
width: 14px;
padding: 0;
margin: 10px;
border-radius: 7px;
border: none;
background-color: var(--color-light-purple);
cursor: pointer;
display: block;
height: 14px;
width: 14px;
padding: 0;
margin: 10px;
border-radius: 7px;
border: none;
background-color: var(--color-light-purple);
cursor: pointer;
}

main .carousel-buttons button.selected {
background-color: var(--color-purple);
background-color: var(--color-purple);
}

main .reverse .carousel-buttons button.selected {
background-color: var(--background-color-reverse);
background-color: var(--background-color-reverse);
}

main .carousel-wrapper .carousel-controls {
display: none;
display: none;
}

@media (min-width: 700px) {
main .carousel-image picture:not(:only-child):nth-child(1) {
display: none;
}
main .carousel-image picture:not(:only-child):nth-child(1) {
display: none;
}

main .carousel-image picture:not(:only-child):nth-child(2) {
display: block;
}
main .carousel-image picture:not(:only-child):nth-child(2) {
display: block;
}
}

@media (min-width: 900px) {
main .carousel > div {
background-image: unset;
color: unset;
align-items: center;
}

main .carousel div.carousel-text {
margin: unset;
padding: 32px;
text-align: left;
}
main .carousel > div {
background-image: unset;
color: unset;
align-items: center;
}

main .carousel div.carousel-text {
margin: unset;
padding: 32px;
text-align: left;
}
}
84 changes: 42 additions & 42 deletions blocks/embed/embed.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,65 +1,65 @@
main .embed {
width: unset;
text-align: center;
margin: 32px auto;
aspect-ratio: 16 / 9;
width: unset;
text-align: center;
margin: 32px auto;
aspect-ratio: 16 / 9;
}

main .embed > div {
display: flex;
justify-content: center;
display: flex;
justify-content: center;
}

main .embed.embed-twitter .twitter-tweet-rendered {
margin-left: auto;
margin-right: auto;
margin-left: auto;
margin-right: auto;
}

main .embed .embed-placeholder {
width: 100%;
aspect-ratio: 16 / 9;
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
position: relative;
}

main .embed .embed-placeholder > * {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

main .embed .embed-placeholder picture img {
width: 100%;
height: 100%;
object-fit: cover;
width: 100%;
height: 100%;
object-fit: cover;
}

main .embed .embed-placeholder-play button {
box-sizing: border-box;
position: relative;
display: block;
transform: scale(3);
width: 22px;
height: 22px;
border: 2px solid;
border-radius: 20px;
padding: 0;
box-sizing: border-box;
position: relative;
display: block;
transform: scale(3);
width: 22px;
height: 22px;
border: 2px solid;
border-radius: 20px;
padding: 0;
}

main .embed .embed-placeholder-play button::before {
content: "";
display: block;
box-sizing: border-box;
position: absolute;
width: 0;
height: 10px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 6px solid;
top: 4px;
left: 7px;
content: "";
display: block;
box-sizing: border-box;
position: absolute;
width: 0;
height: 10px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 6px solid;
top: 4px;
left: 7px;
}
56 changes: 28 additions & 28 deletions blocks/footer/footer.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,51 +1,51 @@
footer {
height: var(--footer-height);
padding: var(--footer-padding-horizontal) var(--footer-padding-vertical);
background-color: var(--footer-background-color);
font-size: var(--body-font-size-xs);
height: var(--footer-height);
padding: var(--footer-padding-horizontal) var(--footer-padding-vertical);
background-color: var(--footer-background-color);
font-size: var(--body-font-size-xs);
}

footer .block {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
}

footer > div > div {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10px 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10px 0;
}

footer > div > div > p {
margin: 2px;
margin: 2px;
}

footer > div > div:first-child .icon svg {
height: 75px;
height: 75px;
}

footer > div > div:last-child {
width: 100%;
max-width: 200px;
display: grid;
grid-template-areas: "header header header";
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 200px;
display: grid;
grid-template-areas: "header header header";
justify-content: space-between;
align-items: center;
}

footer > div > div:last-child p:first-child {
grid-area: header;
text-align: center;
padding-bottom: 10px;
grid-area: header;
text-align: center;
padding-bottom: 10px;
}

footer > div > div:last-child .icon svg {
height: 20px;
width: 20px;
fill: currentcolor;
height: 20px;
width: 20px;
fill: currentcolor;
}
Loading
Loading