DOC: Update CSS alignment for main documentation page #40650
Conversation
| @@ -34,6 +34,7 @@ programming language. | |||
| <h5 class="card-title">Getting started</h5> | |||
| <p class="card-text">New to <em>pandas</em>? Check out the getting started guides. They | |||
| contain an introduction to <em>pandas'</em> main concepts and links to additional tutorials.</p> | |||
| </div> | |||
There was a problem hiding this comment.
This is just moving the button out one div so it can sit inside the intro-card element and align with respect to that
| @@ -87,6 +87,7 @@ programming language. | |||
| <p class="card-text">Saw a typo in the documentation? Want to improve | |||
| existing functionalities? The contributing guidelines will guide | |||
| you through the process of improving pandas.</p> | |||
| </div> | |||
There was a problem hiding this comment.
not sure why this div and img not originally indented as children of the outer div
There was a problem hiding this comment.
🤷♂️ (hard to see but that's a man shrugging 😄)
| @@ -51,6 +51,7 @@ programming language. | |||
| <h5 class="card-title">User guide</h5> | |||
| <p class="card-text">The user guide provides in-depth information on the | |||
| key concepts of pandas with useful background information and explanation.</p> | |||
| </div> | |||
There was a problem hiding this comment.
not sure why this div and img not originally indented as children of the outer div, same as below.
| @@ -34,6 +34,7 @@ programming language. | |||
| <h5 class="card-title">Getting started</h5> | |||
| <p class="card-text">New to <em>pandas</em>? Check out the getting started guides. They | |||
| contain an introduction to <em>pandas'</em> main concepts and links to additional tutorials.</p> | |||
| </div> | |||
Sure, I was thinking that PR would supersede this one. I mostly put this up in case we wanted to fix the alignment issue only before deciding on whether to use the sphinx extension (we can close this if the other is merged first). |
|
Seems Jeff is in favor of the sphinx extension approach so closing this |
Updates some CSS to better align buttons on the main documentation page. Seems to be an improvement when built locally (I'm using Ubuntu Firefox) but likely worth checking on other platforms / browsers.
Before:
After:
