* add DDS colors to docs and change main variables and style.scss sheet
* find and replace colors from color-palette-2 and deprecate palette 2
* find and replace colors from color-palette-3 and deprecate palette 3
* more alignment with colors
* change typography
* typography tweaks
* fix fonts
* dark mode and accessibility
* review changes
* icons
* icons
* icons
* accessibility fix on footer
* review comments
This attempts to fix the problem where (on smaller windows), the text
flows out of the blocks.
This uses one of the solutions mentioned in https://stackoverflow.com/a/19695851/1811501,
with some additonal style changes.
Unfortunately, it introduces another issue, where (just before a break-point; after
the right-hand navigation is hidden, but before we switch to "mobile" / "small",
the blocks are wrapped, but no longer have equal _widths_.
See https://github.com/docker/docker.github.io/pull/13433#issuecomment-910843789
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
Adjust text, add modal pop-up for browsers with JavaScript enabled, and show
EULA inline for browsers without JavaScript.
Added configuration options in the _config.json to set the correct URLs
once known.
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
This fixes various inconsistencies between the landing page and the
other pages by sharing more styles between both:
- fix homepage using a different color for the active tab
- fix homepage not having "hover" styles for the top navigation
I addition, this:
- fixes unwanted whitespace in the hamburger-menu on mobile
- fixes "active" menu item not being highlighted on mobile
- fixes left-side aligning of left-hand menu on desktop
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
- Add generic font classes where missing (except for FontAwesome cfonts)
- Combined some rules with their shorthand form
- Removed unneeded units (0px -> 0)
- Fix some invalid values
- Commented out empty styles in _github.scss
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
This commit squashes 21 commits. Leaving the commit messages here for posterity.
* Activate Night Mode
- Add toggle for night mode
- Update base styles
* remove font-size
* Update _night-mode.scss
* Fix first-line indenting and color differences
* Fix rescale bug
* stuff
* Add menu fixs
* Update core pallette - light/dark mode
* Toc link padding
* Remove color cycle
Remove temp.css
* update secondary nav bg
* remove paddin-top ul left nav on med viewport
* better examples to show Compose file structure
Signed-off-by: Victoria Bialas <victoria.bialas@docker.com>
* cleaned up leading spaces in Compose file example
Signed-off-by: Victoria Bialas <victoria.bialas@docker.com>
* cleaned up leading spaces, added a test file
Signed-off-by: Victoria Bialas <victoria.bialas@docker.com>
* expand/collapse accordion full implementation, explanation in test.md
Signed-off-by: Victoria Bialas <victoria.bialas@docker.com>
* delete temporary test file from PR
Signed-off-by: Victoria Bialas <victoria.bialas@docker.com>
* fix accordion to work on mobile (cursor style)
Signed-off-by: Victoria Bialas <victoria.bialas@docker.com>
* verified fix for mobile worked, added same to test.md, updated notes and content
Signed-off-by: Victoria Bialas <victoria.bialas@docker.com>
* Clarifed details on test page, fixed references for FontAwesome icons
Signed-off-by: Victoria Bialas <victoria.bialas@docker.com>
* add CSS tests for Josh
Signed-off-by: Victoria Bialas <victoria.bialas@docker.com>
* new class inline for images, updated docs to call class
Signed-off-by: Victoria Bialas <victoria.bialas@docker.com>
* removing last test paragraph
Signed-off-by: Victoria Bialas <victoria.bialas@docker.com>
* Simplify both left and right sidebars
- Rewrite the sidebars to use the same CSS class instead of having two
very similar classes. This involves removing all affix related
attributes and functionality from the sidebars and replaced them with
`position: sticky`.
- The table of content elements should not be floated
- Removed unused CSS rules related to the sidebars
- Remove JavaScript used to resize the sidebars
* Improve the mobile menu to be fixed
- Simply JS used to hide/display the navigation bar on mobile viewports
- The mobile menu should be fixed so it can be viewable from the bottom
of the page. Before this change, you would have to scroll up to see
the menu that `position: absolute`
* Fix disappearing top navbar on homepage
- Change the calculation of the affix offset for the navbar on the home
page to ensure the navbar never leaves the viewport. This change also
takes into account the change of how the sidebars' offsets are used
* Fix auto scrolling on overflow
* Add polyfill for 'position: sticky' on IE
* Fix hamburger menu at incorrect breakpoint
* Fix left nav hidden after expanding from mobile
If you expand and collapse the left nav while on mobile and expand to a
desktop view, the left nav would be hidden; this has been fixed
* Unify navbar on homepage with rest of website
Allie Sadler
CrazyMax
Craig Osterhout
Sebastiaan van Stijn
Jérémie Drouet
Josh south
Victoria Bialas
Vladimir Jimenez