thevar1able/ClickHouse
1
0
Fork 0
mirror of https://github.com/ClickHouse/ClickHouse.git synced 2024-11-21 15:12:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Crb update case study cards (#31088)

Browse Source 
* Update case study cards to show bullets when open

* Update title and cleanup tile transition
This commit is contained in:
Cody Baker 2021-11-08 12:05:43 -07:00 committed by GitHub
parent 7079a6abff
commit 8ac5f0e2c2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 20 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
website/css/main.css
View File

File diff suppressed because one or more lines are too long

34
website/src/scss/components/_case-study-card.scss
View File

@ -95,12 +95,12 @@
z-index: 1;
@media screen and (min-width: 1240px) {
transform: translateX(10%);
transform: translateX(50%);
}
}
&.is-open:before {
transform: translateX(60%);
transform: translateX(70%);
transition-delay: 0s;
}
@ -167,18 +167,28 @@
transform: rotate(0);
}
.col-lg-3,
.col-lg-auto {
opacity: 0;
transform: translateX(24px);
transition: 0.4s opacity, 0.4s transform;
.col-lg-3 {
left: -60%;
position: relative;
transition: 0.4s left;
transition-delay: 0.6s;
@media screen and (min-width: 980px) {
flex: 0 0 250px;
max-width: 250px;
width: 250px;
}
}
.col-lg-3 {
&.is-open .col-lg-3 {
left: 0;
transition-delay: 0s;
}
.col-lg-auto {
opacity: 0;
transform: translateX(24px);
transition: 0.4s opacity, 0.4s transform;
transition-delay: 0.2s;
@media screen and (min-width: 980px) {
@ -187,17 +197,9 @@
}
}
&.is-open .col-lg-3,
&.is-open .col-lg-auto {
opacity: 1;
transform: none;
}
&.is-open .col-lg-3 {
transition-delay: 0.4s;
}
&.is-open .col-lg-auto {
transition-delay: 0.2s;
}
}

2
website/templates/index/success.html
View File

@ -2,7 +2,7 @@
<div class="container">
<h2 class="display-2 mb-5 mb-md-8 mb-lg-10 text-center text-lg-left">
What users are saying
ClickHouse Users
</h2>
<div class="case-study-cards">