docs: separate v1 and v2 docs

https://github.com/hasura/graphql-engine-mono/pull/1577

GitOrigin-RevId: 606ac087536a8910e93126512592389eeeb4252f
This commit is contained in:
Rikin Kachhia 2021-06-16 15:17:05 +05:30 committed by hasura-bot
parent d8d62f19e2
commit d4c65d176c
2 changed files with 23 additions and 10 deletions

View File

@ -1408,19 +1408,19 @@ article ol ol {
vertical-align: top; vertical-align: top;
} }
.versionTxt select { .versionTxt select {
border-radius: 8px; border-radius: 2px;
background-color: rgba(255, 255, 255, .24); background-color: rgba(255, 255, 255, .24);
margin-right: 12px; margin-right: 12px;
font-size: 14px; font-size: 16px;
font-weight: 600; font-weight: 600;
color: #ffffff; color: #ffffff;
border: 1px solid #ddd; border: 1px solid #ddd;
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
width: 48px; width: 52px;
padding: 0 4px; padding: 0 6px;
height: 22px; height: 24px;
z-index: 1; z-index: 1;
} }
.versionTxt:after { .versionTxt:after {
@ -1430,14 +1430,17 @@ article ol ol {
border-left: 4px solid transparent; border-left: 4px solid transparent;
border-right: 4px solid transparent; border-right: 4px solid transparent;
border-top: 4px solid #fff; border-top: 4px solid #fff;
position: absolute; position: relative;
right: 20px; right: 24px;
top: 10px; top: 10px;
z-index: -1; z-index: -1;
} }
.versionTxt select:focus { .versionTxt select:focus {
outline: none; outline: none;
} }
.versionTxt select option {
color: black;
}
.versionTxt select::-moz-focus-inner, .versionTxt select option::-moz-focus-inner { .versionTxt select::-moz-focus-inner, .versionTxt select option::-moz-focus-inner {
border: 0; border: 0;
} }

View File

@ -92,7 +92,13 @@
</div> </div>
<div class="navBlueBG"> <div class="navBlueBG">
<ul class="navBarUL"> <ul class="navBarUL">
<!-- <li>v1.x</li> --> <li class="versionTxt">
<!--v1.x-->
<select value="{{ version }}" onchange="location = this.value;" class="selected" aria-label="Select Version">
<option class="option_val" value="https://{{ BASE_DOMAIN }}/docs/2.0/graphql/core/index.html" {%- if version == '2.0' %}selected="selected"{% endif %}>v2.x</option>
<option class="option_val" value="https://{{ BASE_DOMAIN }}/docs/1.0/graphql/core/index.html" {%- if version == '1.0' %}selected="selected"{% endif %}>v1.x</option>
</select>
</li>
<li class='navListActive'> <li class='navListActive'>
<a class="tracked" data-label="Nav: Docs" href="/docs/latest/graphql/core/index.html">Docs</a> <a class="tracked" data-label="Nav: Docs" href="/docs/latest/graphql/core/index.html">Docs</a>
</li> </li>
@ -142,9 +148,13 @@
<ul class="navBarULMobile"> <ul class="navBarULMobile">
<li> <li>
<a class="tracked menuLink" data-label="Mobile Nav: Docs" href="/docs/latest/graphql/core/index.html">Docs</a> <a class="tracked menuLink" data-label="Mobile Nav: Docs" href="/docs/latest/graphql/core/index.html">Docs</a>
<!--<span class="versionTxt">--> <span class="versionTxt">
<!--v1.x--> <!--v1.x-->
<!--</span>--> <select value="{{ version }}" onchange="location = this.value;" class="selected" aria-label="Select Version">
<option class="option_val" value="https://{{ BASE_DOMAIN }}/docs/2.0/graphql/core/index.html" {%- if version == '2.0' %}selected="selected"{% endif %}>v2.x</option>
<option class="option_val" value="https://{{ BASE_DOMAIN }}/docs/1.0/graphql/core/index.html" {%- if version == '1.0' %}selected="selected"{% endif %}>v1.x</option>
</select>
</span>
</li> </li>
<li> <li>
<a class="tracked menuLink" data-label="Mobile Nav: Blog" href='https://hasura.io/blog/'> <a class="tracked menuLink" data-label="Mobile Nav: Blog" href='https://hasura.io/blog/'>