Skip to content

Commit 919f22c

Browse files
flynnduismslack
flynnduism
authored and
slack
committed
doc(styles): fix urls, style for better mobile layout
1 parent e37b2dc commit 919f22c

8 files changed

Lines changed: 95 additions & 57 deletions

File tree

‎themes/deis/base.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -30,8 +30,8 @@
3030
{%- include "offcanvas.html" %}
3131

3232
<!-- banner at the top of the page for temporary announcements-->
33-
<div data-alert class="alert-box alert banner text-center">
34-
You're viewing docs for the latest release of <strong>Deis Workflow</strong>. For docs <a href="https://deis.io/">relating to Deis 1.0 click here</a>.
33+
<div data-alert class="alert-box alert banner text-center hide-for-small">
34+
You're viewing docs for the latest release of <strong>Deis Workflow</strong>. For docs <a href="https://docs.deis.io/">relating to Deis 1.0 click here</a>.
3535
</div>
3636

3737
<div class="content-wrap">
@@ -46,7 +46,7 @@
4646
</div>
4747
</div>
4848

49-
<nav class="sidebar">
49+
<nav class="sidebar hide-for-small">
5050
<div class="sidebar-inner">
5151
<h1><a href="/" class="logo"><img src="{{ base_url }}/static/img/svg/logo.svg" width="128px" height="41px" alt="Deis"></a></h1>
5252

‎themes/deis/footer.html‎

Lines changed: 34 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -41,36 +41,46 @@
4141
<div class="row fullwidth">
4242
<div class="small-4 medium-4 large-4 small-only-text-center columns logo-and-copyright">
4343
<div class="logo">
44-
<a id="footer-return" href="/"><img src="{{ base_url }}/static/img/svg/footer-logo.svg" alt="Deis"></a>
44+
<a id="footer-return" href="//deis.com"><img src="{{ base_url }}/static/img/svg/footer-logo.svg" alt="Deis"></a>
4545
</div>
4646
<p class="copyright show-for-medium-up">
47-
<a id="footer-privacy" href="/policies/privacy">Privacy Policy</a>
47+
<a id="footer-privacy" href="//deis.com/policies/privacy">Privacy Policy</a>
4848
</p>
4949
<p class="copyright show-for-medium-up">Deis.com and the Deis project are maintained by <a href="https://engineyard.com/"><img src="{{ base_url }}/static/img/svg/footer-engine-yard.svg" alt="Engine Yard"></p>
5050
</div>
5151
<div class="small-8 medium-8 large-8 columns">
52-
<dl>
53-
<dt><a id="footer-gh-community" href="/community">Deis Community</a></dt>
54-
<dd><a id="footer-get-involved" href="/community">Get Involved</a></dd>
55-
<dd><a id="footer-videos-events" href="/community#videos-events">Videos &amp; Events</a></dd>
56-
<dd><a id="footer-roadmap" href="https://docs-v2.readthedocs.io/en/latest/roadmap/roadmap/">Project Roadmap</a></dd>
57-
</dl>
58-
<dl>
59-
<dt><a id="footer-docs" href="https://docs-v2.readthedocs.io/en/latest/">Docs</a></dt>
60-
<dd><a id="footer-installing" href="https://docs-v2.readthedocs.io/en/latest/installing-workflow/">Installing Workflow</a></dd>
61-
<dd><a id="footer-architecture" href="https://docs-v2.readthedocs.io/en/latest/understanding-workflow/architecture/">Architecture</a></dd>
62-
</dl>
63-
<dl>
64-
<dt><a id="footer-services" href="/services">Services</a></dt>
65-
<dd><a id="footer-support-plans" href="/services#support">Support Plans</a></dd>
66-
<dd><a id="footer-pro-serv" href="/services">Pro Services</a></dd>
67-
</dl>
68-
<dl>
69-
<dt><a id="footer-company" href="/about">Company</a></dt>
70-
<dd><a id="footer-about" href="/about">About</a></dd>
71-
<dd><a id="footer-careers" href="/careers">Careers</a></dd>
72-
<dd><a id="footer-contact" href="/about#contact">Contact</a></dd>
73-
</dl>
52+
<div class="row">
53+
<div class="small-6 medium-3 columns">
54+
<dl>
55+
<dt><a id="footer-gh-community" href="//deis.com/community"><span class="hide-for-medium-down">Deis</span> Community</a></dt>
56+
<dd><a id="footer-get-involved" href="//deis.com/community">Get Involved</a></dd>
57+
<dd><a id="footer-videos-events" href="//deis.com/community#videos-events">Videos &amp; Events</a></dd>
58+
<dd><a id="footer-roadmap" href="https://docs-v2.readthedocs.io/en/latest/roadmap/roadmap/">Project Roadmap</a></dd>
59+
</dl>
60+
</div>
61+
<div class="small-6 medium-3 columns">
62+
<dl>
63+
<dt><a id="footer-docs" href="https://docs-v2.readthedocs.io/en/latest/">Docs</a></dt>
64+
<dd><a id="footer-installing" href="https://docs-v2.readthedocs.io/en/latest/installing-workflow/">Installing Workflow</a></dd>
65+
<dd><a id="footer-architecture" href="https://docs-v2.readthedocs.io/en/latest/understanding-workflow/architecture/">Architecture</a></dd>
66+
</dl>
67+
</div>
68+
<div class="small-6 medium-3 columns">
69+
<dl>
70+
<dt><a id="footer-services" href="//deis.com/services">Services</a></dt>
71+
<dd><a id="footer-support-plans" href="//deis.com/services#support">Support Plans</a></dd>
72+
<dd><a id="footer-pro-serv" href="//deis.com/services">Pro Services</a></dd>
73+
</dl>
74+
</div>
75+
<div class="small-6 medium-3 columns">
76+
<dl>
77+
<dt><a id="footer-company" href="//deis.com/about">Company</a></dt>
78+
<dd><a id="footer-about" href="//deis.com/about">About</a></dd>
79+
<dd><a id="footer-careers" href="//deis.com/careers">Careers</a></dd>
80+
<dd><a id="footer-contact" href="//deis.com/about#contact">Contact</a></dd>
81+
</dl>
82+
</div>
83+
</div>
7484
</div>
7585
</div>
7686
</section>

‎themes/deis/offcanvas.html‎

Lines changed: 13 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,18 @@
11
<aside class="right-off-canvas-menu">
22
<ul>
3-
<li>
4-
<a href="/how-it-works" id="m-header-hiw" class="item" title="How It Works">How It Works</a>
5-
</li>
6-
<li>
7-
<a href="/why-deis" id="m-header-why-deis" class="item" title="Why Use Deis">Why Use Deis</a>
8-
</li>
9-
<li>
10-
<a href="/services" id="m-header-services" class="item" title="Support &amp; Services">Support &amp; Services</a>
11-
</li>
12-
<li>
13-
<a href="/community" id="m-header-community" class="item" title="Community">Community</a>
14-
</li>
15-
<li>
16-
<a href="/blog" id="m-header-blog" class="item" title="Blog">Blog</a>
17-
</li>
18-
<li>
19-
<a href="https://github.com/deis/workflow" data-event-category="Get Started" data-event-action="click" class="item button expand" title="Get Started">Get Started</a>
3+
{% for nav_item in nav %}
4+
<li class="toctree-l1{% if nav_item.active %} current{% endif %}">
5+
<a class="reference internal{% if nav_item.active %} current{% endif %}"{% if nav_item.active %} state="open"{% endif %} href="{{ nav_item.url }}">{{ nav_item.title }}</a>
6+
{% if nav_item.children %}
7+
<ul style="display: none;"{% if nav_item.active %} class="current"{% endif %}>
8+
{% for child in nav_item.children %}
9+
<li class="toctree-l2{% if child.active %} current{% endif %}">
10+
<a class="reference internal{% if nav_item.active %} current{% endif %}" id="{{ child.title }}" href="{{ child.url }}">{{ child.title }}</a>
11+
</li>
12+
{% endfor %}
13+
</ul>
14+
{% endif %}
2015
</li>
16+
{% endfor %}
2117
</ul>
2218
</aside>

‎themes/deis/static/css/styles.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎themes/deis/static/css/styles.css.map‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎themes/deis/static/scss/_doc-responsive.scss‎

Lines changed: 29 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,31 @@
1-
@media screen and (min-width: 995px) and (max-height: 700px) {
1+
@media only screen and (max-width: 40em) {
2+
.content-wrap {
3+
padding-left: 0px;
4+
}
5+
.alert-box.banner {
6+
margin-left: 0;
7+
}
28

3-
9+
.navbar h1 {
10+
margin: 0.1em 0 0.125em -0.75em;
11+
}
412

5-
}
13+
.content-inner {
14+
padding-top: 105px;
15+
padding-left: 1em;
16+
padding-right: 1em;
17+
18+
h1, h2, h3, h4, h5, h6, p, li {
19+
padding-right: 0%;
20+
}
21+
22+
h1 {
23+
font-size: 1.75em;
24+
}
25+
26+
h1 + p {
27+
font-size: 1.25em;
28+
line-height: 1.4;
29+
}
30+
}
31+
}

‎themes/deis/static/scss/_doc-sidebar.scss‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@
3434
}
3535

3636
&:hover li a {
37-
color: darken($grey, 25%);
37+
color: darken($grey, 33.333%);
3838
}
3939

4040
ul, li {
@@ -80,6 +80,12 @@
8080
background: $light1;
8181
}
8282
}
83+
84+
&.toctree-l1.current {
85+
ul {
86+
display: block !important;
87+
}
88+
}
8389
}
8490

8591
ul {

‎themes/deis/topbar.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -12,22 +12,22 @@ <h1><a href="/" class="logo"><img src="{{ base_url }}/static/img/svg/logo.svg" w
1212

1313
<ul class="inline-list hide-for-medium-down">
1414
<li>
15-
<a href="/how-it-works" id="header-hiw" class="item" title="How It Works">How It Works</a>
15+
<a href="//deis.com/how-it-works" id="header-hiw" class="item" title="How It Works">How It Works</a>
1616
</li>
1717
<li>
18-
<a href="/why-deis" id="header-why-deis" class="item" title="Why Use Deis">Why Use Deis</a>
18+
<a href="//deis.com/why-deis" id="header-why-deis" class="item" title="Why Use Deis">Why Use Deis</a>
1919
</li>
2020
<li>
21-
<a href="/services" id="header-services" class="item" title="Support &amp; Services">Support &amp; Services</a>
21+
<a href="//deis.com/services" id="header-services" class="item" title="Support &amp; Services">Support &amp; Services</a>
2222
</li>
2323
<li>
24-
<a href="/community" id="header-community" class="item" title="Community">Community</a>
24+
<a href="//deis.com/community" id="header-community" class="item" title="Community">Community</a>
2525
</li>
2626
<li>
27-
<a href="/docs" id="header-docs" class="item active" title="Docs">Docs</a>
27+
<a href="//deis.com/docs" id="header-docs" class="item active" title="Docs">Docs</a>
2828
</li>
2929
<li>
30-
<a href="/blog" id="header-blog" class="item" title="Blog">Blog</a>
30+
<a href="//deis.com/blog" id="header-blog" class="item" title="Blog">Blog</a>
3131
</li>
3232
</ul>
3333
</nav>

0 commit comments

Comments
 (0)