mirror of https://github.com/apache/superset.git
Fixing docs site home screen mobile layout issues (#10886)
* fixing phone layout issues, "sqlab" -> "SQL Lab"
* fixing docs width/scrolling issues
* Revert "fixing docs width/scrolling issues"
This reverts commit 53c6482083
.
* minor cherry on top-> remove nowrap and improve a link in README
Co-authored-by: Maxime Beauchemin <maximebeauchemin@gmail.com>
This commit is contained in:
parent
f9cfb3ed0e
commit
87fc425be9
|
@ -26,7 +26,7 @@ Superset
|
|||
[![Coverage Status](https://codecov.io/github/apache/incubator-superset/coverage.svg?branch=master)](https://codecov.io/github/apache/incubator-superset)
|
||||
[![PyPI](https://img.shields.io/pypi/pyversions/apache-superset.svg?maxAge=2592000)](https://pypi.python.org/pypi/apache-superset)
|
||||
[![Get on Slack](https://img.shields.io/badge/slack-join-orange.svg)](https://join.slack.com/t/apache-superset/shared_invite/zt-g8lpruog-HeqpgYrwdfrD5OYhlU7hPQ)
|
||||
[![Documentation](https://img.shields.io/badge/docs-apache.org-blue.svg)](https://superset.incubator.apache.org)
|
||||
[![Documentation](https://img.shields.io/badge/docs-apache.org-blue.svg)](https://superset.apache.org)
|
||||
[![Dependencies Status](https://david-dm.org/apache/incubator-superset/status.svg?path=superset-frontend)](https://david-dm.org/apache/incubator-superset?path=superset-frontend)
|
||||
|
||||
<img
|
||||
|
|
|
@ -96,7 +96,6 @@ const contentStyle = css`
|
|||
border-radius: 3px;
|
||||
max-width: 800px;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: auto;
|
||||
}
|
||||
p {
|
||||
|
|
|
@ -95,6 +95,7 @@ const titleContainer = css`
|
|||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
width: 600px;
|
||||
max-width: 100%;
|
||||
${[mq[3]]} {
|
||||
width: 550px;
|
||||
}
|
||||
|
@ -199,9 +200,13 @@ const linkCarousel = css`
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-bottom: 100px;
|
||||
position: relative;
|
||||
.toggleBtns {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
/* ${[mq[0]]} {
|
||||
flex-direction: column;
|
||||
} */
|
||||
justify-content: center;
|
||||
.toggle {
|
||||
margin: 10px;
|
||||
|
@ -211,6 +216,21 @@ const linkCarousel = css`
|
|||
border-radius: 3px;
|
||||
padding: 16px;
|
||||
transition: all 0.25s;
|
||||
overflow: visible;
|
||||
${[mq[0]]} {
|
||||
> span {
|
||||
display: none;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 50%;
|
||||
width: 100%;
|
||||
transform: translate(-50%, 100%);
|
||||
}
|
||||
h2 {
|
||||
font-size: 14px;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
color: ${colors.primary.base};
|
||||
|
@ -219,6 +239,11 @@ const linkCarousel = css`
|
|||
&.active {
|
||||
background: red;
|
||||
background: #20a7c933;
|
||||
${[mq[0]]} {
|
||||
> span {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -267,8 +292,8 @@ const Theme = () => {
|
|||
<div css={titleContainer}>
|
||||
<img className="logo-horiz" src={logo} alt="logo-horiz" />
|
||||
<div className="info-text">
|
||||
Apache Superset is a modern data
|
||||
exploration and visualization platform
|
||||
Apache Superset is a modern data exploration and visualization
|
||||
platform
|
||||
</div>
|
||||
<div className="github-section">
|
||||
<span className="github-button">
|
||||
|
@ -347,7 +372,6 @@ const Theme = () => {
|
|||
`}
|
||||
/>
|
||||
</Col>
|
||||
|
||||
</Row>
|
||||
<Row>
|
||||
<Col sm={24} md={12}>
|
||||
|
@ -426,10 +450,13 @@ const Theme = () => {
|
|||
|
||||
<ul className="databaseList">
|
||||
{Databases.map(
|
||||
({
|
||||
title, href, imgName: imageName, width, height,
|
||||
}) => (
|
||||
<a href={href} target="_blank" key={imageName} rel="noreferrer">
|
||||
({ title, href, imgName: imageName, width, height }) => (
|
||||
<a
|
||||
href={href}
|
||||
target="_blank"
|
||||
key={imageName}
|
||||
rel="noreferrer"
|
||||
>
|
||||
<Image
|
||||
{...{
|
||||
imageName,
|
||||
|
@ -445,14 +472,11 @@ const Theme = () => {
|
|||
</ul>
|
||||
<span className="databaseSub">
|
||||
{' '}
|
||||
... and any other SQLAlchemy
|
||||
{' '}
|
||||
... and any other SQLAlchemy{' '}
|
||||
<a href="https://superset.incubator.apache.org/installation.html#database-dependencies">
|
||||
{' '}
|
||||
compatible databases
|
||||
{' '}
|
||||
</a>
|
||||
{' '}
|
||||
compatible databases{' '}
|
||||
</a>{' '}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue