You are viewing a plain text version of this content. The canonical link for it is here.
Posted to issues@beam.apache.org by "ASF GitHub Bot (Jira)" <ji...@apache.org> on 2022/04/05 18:16:00 UTC
[jira] [Work logged] (BEAM-14145) [Website] Add carousel on the Home Page for They tried it out section
[ https://issues.apache.org/jira/browse/BEAM-14145?focusedWorklogId=753036&page=com.atlassian.jira.plugin.system.issuetabpanels:worklog-tabpanel#worklog-753036 ]
ASF GitHub Bot logged work on BEAM-14145:
-----------------------------------------
Author: ASF GitHub Bot
Created on: 05/Apr/22 18:15
Start Date: 05/Apr/22 18:15
Worklog Time Spent: 10m
Work Description: AydarZaynutdinov commented on code in PR #17205:
URL: https://github.com/apache/beam/pull/17205#discussion_r843127334
##########
website/www/site/assets/scss/_quotes.scss:
##########
@@ -17,9 +17,44 @@
@import "media";
+.quote-img-container {
+ display: flex;
+ flex: 1;
+ justify-content: center;
+ align-items: center;
+ width: 100%;
+}
+
+.quote-img {
+ //width: 100%;
Review Comment:
it's better to remove code instead of comment it.
##########
website/www/site/assets/scss/_quotes.scss:
##########
@@ -30,47 +65,45 @@
.quotes-desktop {
display: flex;
- justify-content: center;
+ justify-content: space-between;
+ width: 100%;
+ overflow: hidden;
+ }
- .quote-card {
- display: flex;
- flex-direction: column;
- align-items: center;
- text-align: center;
- width: 100%;
- max-width: 381px;
- height: 474px;
- margin: 86px 36px 0 0;
- padding: 55px 20px 24px 20px;
- border-radius: 16px;
- background-color: $color-white;
- box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16),
- 0 4px 4px 0 rgba(0, 0, 0, 0.06);
- margin-right: 36px;
+ .quote-card {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ text-align: center;
+ width: 100%;
+ overflow: hidden;
+ //max-width: 381px;
Review Comment:
ditto.
Issue Time Tracking
-------------------
Worklog Id: (was: 753036)
Remaining Estimate: 0h
Time Spent: 10m
> [Website] Add carousel on the Home Page for They tried it out section
> ---------------------------------------------------------------------
>
> Key: BEAM-14145
> URL: https://issues.apache.org/jira/browse/BEAM-14145
> Project: Beam
> Issue Type: Improvement
> Components: website
> Reporter: Aydar Zaynutdinov
> Assignee: Bulat Safiullin
> Priority: P3
> Labels: website
> Attachments: image-2022-03-23-05-45-05-105.png, image-2022-03-24-11-13-06-901.png
>
> Time Spent: 10m
> Remaining Estimate: 0h
>
> Need to add a carousel on the Home Page for They tried it out section.
>
> !image-2022-03-23-05-45-05-105.png|width=503,height=233!
> * Carousel similar to [Istio: |http://example.com/] [https://istio.io/latest/]
> * Show 3 cards at once, no autorotation
> * Users can look at other cards by using the dots below the menu
> !image-2022-03-24-11-13-06-901.png|width=400,height=227!
>
> Add 2 more logos to carousel:
> Google Cloud Dataflow:
> "Google Cloud Dataflow is a fully managed service for executing Apache Beam pipelines within the Google Cloud Platform ecosystem."
> Scio:
> "Scio is a Scala API for Apache Beam and Google Cloud Dataflow inspired by Apache Spark and Scalding."
>
--
This message was sent by Atlassian Jira
(v8.20.1#820001)