mirror of
https://github.com/hasura/graphql-engine.git
synced 2024-12-15 17:31:56 +03:00
docs: unify core and cloud search
GitOrigin-RevId: 1762a593a6caea5e734911f522458d189702939a
This commit is contained in:
Rikin Kachhia
hasura-bot
parent
f0dd71db59
commit
b2c0bbb491
132
docs/_static/styles/main.css
vendored
132
docs/_static/styles/main.css
vendored
@ -238,21 +238,21 @@ p {
|
||||
top: 0;
|
||||
width: calc(100% - 186px);
|
||||
}
|
||||
.marketoFormWrapper .mktoFormRow .mktoFieldDescriptor {
|
||||
.marketoFormWrapper .mktoFormRow .mktoFieldDescriptor {
|
||||
float: none;
|
||||
min-height: unset !important;
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
.marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoOffset {
|
||||
.marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoOffset {
|
||||
display: none;
|
||||
}
|
||||
.marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap {
|
||||
.marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap {
|
||||
float: none;
|
||||
}
|
||||
.marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap .mktoGutter {
|
||||
.marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap .mktoGutter {
|
||||
display: none;
|
||||
}
|
||||
.marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap .mktoLabel {
|
||||
.marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap .mktoLabel {
|
||||
display: none;
|
||||
font-size: 16px;
|
||||
line-height: 220%;
|
||||
@ -262,7 +262,7 @@ p {
|
||||
float: none;
|
||||
width: 100% !important;
|
||||
}
|
||||
.marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap .mktoField {
|
||||
.marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap .mktoField {
|
||||
width: 100% !important;
|
||||
height: 34px;
|
||||
border-radius: 5px;
|
||||
@ -276,42 +276,42 @@ p {
|
||||
background-color: #fff;;
|
||||
z-index: 1;
|
||||
}
|
||||
.marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap .mktoField:hover, .marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap textarea:hover, .marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap select:hover {
|
||||
.marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap .mktoField:hover, .marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap textarea:hover, .marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap select:hover {
|
||||
border: 1px solid #111b29;
|
||||
}
|
||||
.marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap .mktoField:focus, .marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap textarea:focus, .marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap select:focus {
|
||||
.marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap .mktoField:focus, .marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap textarea:focus, .marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap select:focus {
|
||||
outline: none;
|
||||
border: 1px solid #0093a5;
|
||||
}
|
||||
.marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap .mktoField:-webkit-autofill {
|
||||
.marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap .mktoField:-webkit-autofill {
|
||||
-webkit-animation-name: autofill;
|
||||
-webkit-animation-fill-mode: both;
|
||||
-webkit-box-shadow: 0 0 0px 1000px white inset;
|
||||
background-color: transparent;
|
||||
font-size: 16px;
|
||||
}
|
||||
.marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap .mktoField:-webkit-autofill, .marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap .mktoField:-webkit-autofill:hover, .marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap .mktoField:-webkit-autofill:focus, .marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap .mktoField:-webkit-autofill:active {
|
||||
.marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap .mktoField:-webkit-autofill, .marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap .mktoField:-webkit-autofill:hover, .marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap .mktoField:-webkit-autofill:focus, .marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap .mktoField:-webkit-autofill:active {
|
||||
-webkit-box-shadow: 0 0 0 35px #fff inset !important;
|
||||
-webkit-text-fill-color: #505050 !important;
|
||||
font-size: 16px;
|
||||
caret-color: #505050;
|
||||
color: #fff !important;
|
||||
}
|
||||
.marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap .mktoField:-internal-autofill-selected {
|
||||
.marketoFormWrapper .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap .mktoField:-internal-autofill-selected {
|
||||
color: #505050 !important;
|
||||
font-size: 16px;
|
||||
}
|
||||
.marketoFormWrapper .mktoButtonRow {
|
||||
.marketoFormWrapper .mktoButtonRow {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 170px;
|
||||
}
|
||||
.marketoFormWrapper .mktoButtonRow .mktoButtonWrap {
|
||||
.marketoFormWrapper .mktoButtonRow .mktoButtonWrap {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
.marketoFormWrapper .mktoButtonRow .mktoButtonWrap .mktoButton {
|
||||
.marketoFormWrapper .mktoButtonRow .mktoButtonWrap .mktoButton {
|
||||
padding: 3px 15px !important;
|
||||
font-size: 14px !important;
|
||||
border-radius: 8px;
|
||||
@ -327,13 +327,13 @@ p {
|
||||
border: 0 !important;
|
||||
height: 34px;
|
||||
}
|
||||
.marketoFormWrapper .mktoButtonRow .mktoButtonWrap .mktoButton:hover {
|
||||
.marketoFormWrapper .mktoButtonRow .mktoButtonWrap .mktoButton:hover {
|
||||
background-color: rgba(92, 148, 200, 1);
|
||||
}
|
||||
.marketoFormWrapper .mktoButtonRow .mktoButtonWrap .mktoButton:focus {
|
||||
.marketoFormWrapper .mktoButtonRow .mktoButtonWrap .mktoButton:focus {
|
||||
outline: none;
|
||||
}
|
||||
.marketoFormWrapper .mktoButtonRow .mktoButtonWrap .mktoButton:hover {
|
||||
.marketoFormWrapper .mktoButtonRow .mktoButtonWrap .mktoButton:hover {
|
||||
transform: scale(0.98);
|
||||
}
|
||||
.subscribeNewsletterSuccess {
|
||||
@ -1013,6 +1013,24 @@ article ol ol {
|
||||
background: #FFF1DB;
|
||||
}
|
||||
|
||||
#input_search_box .algolia-autocomplete a.algolia-docsearch-suggestion[href*="graphql/cloud"] .algolia-docsearch-suggestion--category-header-lvl0::after {
|
||||
content: 'Cloud';
|
||||
background-color: rgba(28,211,198,.86);
|
||||
}
|
||||
|
||||
#input_search_box .algolia-autocomplete a.algolia-docsearch-suggestion[href*="graphql/core"] .algolia-docsearch-suggestion--category-header-lvl0::after {
|
||||
content: 'Core';
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
#input_search_box .algolia-autocomplete a.algolia-docsearch-suggestion .algolia-docsearch-suggestion--category-header-lvl0::after {
|
||||
border-radius: 5px;
|
||||
padding: 4px 8px;
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
float: right;
|
||||
}
|
||||
|
||||
/*** Algolia docsearch overrides END ***/
|
||||
|
||||
/*** Loader ***/
|
||||
@ -1139,6 +1157,10 @@ article ol ol {
|
||||
max-width: calc(166% + 10px);
|
||||
min-width: calc(166% + 10px); /* 1 / width(input_search_box) + 10px */
|
||||
}
|
||||
|
||||
#input_search_box .algolia-autocomplete a.algolia-docsearch-suggestion .algolia-docsearch-suggestion--category-header-lvl0::after {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 1385px) {
|
||||
.mc_embed_signup {
|
||||
@ -1236,10 +1258,10 @@ article ol ol {
|
||||
background-color: rgba(28, 211, 198, 1);
|
||||
border: 1px solid rgba(28, 211, 198, 1);
|
||||
}
|
||||
.visibleMobile {
|
||||
.visibleMobile {
|
||||
display: none;
|
||||
}
|
||||
.navBarToggle {
|
||||
.navBarToggle {
|
||||
border-radius: 4px;
|
||||
padding: 8px 8px;
|
||||
display: none;
|
||||
@ -1248,7 +1270,7 @@ article ol ol {
|
||||
top: 16px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.navBarToggle .iconBar {
|
||||
.navBarToggle .iconBar {
|
||||
display: block;
|
||||
width: 22px;
|
||||
height: 2px;
|
||||
@ -1256,41 +1278,41 @@ article ol ol {
|
||||
margin: 0 auto;
|
||||
margin-top: 4px;
|
||||
}
|
||||
.navBarToggle .iconBar:first-child {
|
||||
.navBarToggle .iconBar:first-child {
|
||||
margin-top: 0px;
|
||||
}
|
||||
.navBarToggle:focus {
|
||||
.navBarToggle:focus {
|
||||
outline: none;
|
||||
}
|
||||
.navBlueBG .navBarToggle {
|
||||
.navBlueBG .navBarToggle {
|
||||
border: 1px solid #fff !important;
|
||||
}
|
||||
.navBlueBG .navBarToggle .iconBar {
|
||||
.navBlueBG .navBarToggle .iconBar {
|
||||
background-color: #fff !important;
|
||||
}
|
||||
.headerWrapper {
|
||||
.headerWrapper {
|
||||
height: 60px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.headerWrapper .navLeft {
|
||||
.headerWrapper .navLeft {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
}
|
||||
.headerWrapper .navLeft a {
|
||||
.headerWrapper .navLeft a {
|
||||
display: contents;
|
||||
}
|
||||
.headerWrapper .navLeft .brand {
|
||||
.headerWrapper .navLeft .brand {
|
||||
margin-right: 25px;
|
||||
margin-top: 7px;
|
||||
}
|
||||
.headerWrapper .navLeft .brand img {
|
||||
.headerWrapper .navLeft .brand img {
|
||||
width: 120px;
|
||||
}
|
||||
.headerWrapper .navLeft .twitterBtn, .headerWrapper .navLeft .discordBtn {
|
||||
.headerWrapper .navLeft .twitterBtn, .headerWrapper .navLeft .discordBtn {
|
||||
border-radius: 4px;
|
||||
border: solid 1px #d1d2d3;
|
||||
background-color: #f1f5f8;
|
||||
@ -1306,20 +1328,20 @@ article ol ol {
|
||||
opacity: 0.8;
|
||||
cursor: pointer;
|
||||
}
|
||||
.headerWrapper .navLeft .twitterBtn img, .headerWrapper .navLeft .discordBtn img {
|
||||
.headerWrapper .navLeft .twitterBtn img, .headerWrapper .navLeft .discordBtn img {
|
||||
width: 12px;
|
||||
}
|
||||
.headerWrapper .navLeft .twitterBtn:hover, .headerWrapper .navLeft .discordBtn:hover {
|
||||
.headerWrapper .navLeft .twitterBtn:hover, .headerWrapper .navLeft .discordBtn:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.headerWrapper .navLeft .discordBtn {
|
||||
.headerWrapper .navLeft .discordBtn {
|
||||
padding-top: 2px;
|
||||
max-height: 16px;
|
||||
}
|
||||
.headerWrapper .navLeft .discordBtn img {
|
||||
.headerWrapper .navLeft .discordBtn img {
|
||||
width: 10px;
|
||||
}
|
||||
.headerWrapper .navLeft .gitHubBtn {
|
||||
.headerWrapper .navLeft .gitHubBtn {
|
||||
margin-top: 8px;
|
||||
opacity: .8;
|
||||
border-radius: 4px;
|
||||
@ -1332,23 +1354,23 @@ article ol ol {
|
||||
height: 20px;
|
||||
text-decoration: none;
|
||||
}
|
||||
.headerWrapper .navLeft .gitHubBtn .gitHubStars {
|
||||
.headerWrapper .navLeft .gitHubBtn .gitHubStars {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 4px;
|
||||
background-color: #f1f5f8;
|
||||
height: 20px;
|
||||
}
|
||||
.headerWrapper .navLeft .gitHubBtn .gitHubStars img {
|
||||
}
|
||||
.headerWrapper .navLeft .gitHubBtn .gitHubStars img {
|
||||
width: 12px;
|
||||
}
|
||||
.headerWrapper .navLeft .gitHubBtn .gitHubStars span {
|
||||
}
|
||||
.headerWrapper .navLeft .gitHubBtn .gitHubStars span {
|
||||
line-height: 8px;
|
||||
margin-top: 0px;
|
||||
padding-right: 4px;
|
||||
padding: 4px;
|
||||
}
|
||||
.headerWrapper .navLeft .gitHubBtn .gitHubCount {
|
||||
}
|
||||
.headerWrapper .navLeft .gitHubBtn .gitHubCount {
|
||||
border-left: 1px solid #d1d2d3;
|
||||
height: 12px;
|
||||
padding: 4px;
|
||||
@ -1357,15 +1379,15 @@ article ol ol {
|
||||
margin-top: 0px;
|
||||
align-items: center;
|
||||
background-color: #fff;
|
||||
}
|
||||
.headerWrapper .navLeft .gitHubBtn:hover {
|
||||
}
|
||||
.headerWrapper .navLeft .gitHubBtn:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.headerWrapper .navBlueBG .navBarUL {
|
||||
padding-left: 0;
|
||||
margin: 2px 0 0;
|
||||
}
|
||||
.headerWrapper .navBlueBG .navBarUL li {
|
||||
.headerWrapper .navBlueBG .navBarUL li {
|
||||
font-size: 16px;
|
||||
list-style-type: none;
|
||||
display: inline-block;
|
||||
@ -1415,25 +1437,25 @@ article ol ol {
|
||||
.versionTxt select::-moz-focus-inner, .versionTxt select option::-moz-focus-inner {
|
||||
border: 0;
|
||||
}
|
||||
.headerWrapper .navBlueBG .navBarUL li a:hover {
|
||||
.headerWrapper .navBlueBG .navBarUL li a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.headerWrapper .navBlueBG .navBarUL li:last-child {
|
||||
.headerWrapper .navBlueBG .navBarUL li:last-child {
|
||||
padding: 0 0;
|
||||
margin-left: 0px;
|
||||
}
|
||||
.headerWrapper .navBlueBG .navBarUL li a {
|
||||
.headerWrapper .navBlueBG .navBarUL li a {
|
||||
color: rgba(255, 255, 255, .6);
|
||||
text-decoration: none;
|
||||
}
|
||||
.headerWrapper .navBlueBG .navBarUL li a:hover {
|
||||
.headerWrapper .navBlueBG .navBarUL li a:hover {
|
||||
color: rgba(255, 255, 255, 1);
|
||||
}
|
||||
.headerWrapper .navBlueBG .navBarUL .navListActive a {
|
||||
.headerWrapper .navBlueBG .navBarUL .navListActive a {
|
||||
color: #fff;
|
||||
border-bottom: 2px solid #fff;
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 1200px) {
|
||||
@media (min-width: 768px) and (max-width: 1200px) {
|
||||
.versionTxt select {
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
@ -1479,7 +1501,7 @@ article ol ol {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
@media (max-width: 767px) {
|
||||
.versionTxt select {
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
@ -1526,12 +1548,12 @@ article ol ol {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 359px) {
|
||||
@media (max-width: 359px) {
|
||||
.headerWrapper .navLeft .gitHubBtn {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 320px) {
|
||||
@media (max-width: 320px) {
|
||||
.headerWrapper .navLeft .brand {
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
11
docs/_theme/djangodocs/layout.html
vendored
11
docs/_theme/djangodocs/layout.html
vendored
@ -4,14 +4,17 @@
|
||||
{% set is_landing_page = true %}
|
||||
{%- endif %}
|
||||
|
||||
{% set ALGOLIA_INDEX = 'graphql-docs-prod' %}
|
||||
{% set ALGOLIA_API_KEY = '298d448cd9d7ed93fbab395658da19e8' %}
|
||||
|
||||
{%- if pagename.startswith('graphql/core') %}
|
||||
{% set is_core = true %}
|
||||
{% set ALGOLIA_INDEX = 'graphql-docs-prod' %}
|
||||
{% set ALGOLIA_API_KEY = '298d448cd9d7ed93fbab395658da19e8' %}
|
||||
{# % set ALGOLIA_INDEX = 'graphql-docs-prod' % #}
|
||||
{# % set ALGOLIA_API_KEY = '298d448cd9d7ed93fbab395658da19e8' % #}
|
||||
{%- elif pagename.startswith('graphql/cloud') %}
|
||||
{% set is_cloud = true %}
|
||||
{% set ALGOLIA_INDEX = 'cloud-docs-prod' %}
|
||||
{% set ALGOLIA_API_KEY = 'cf84f05a225bedb72ce472dada63d29f' %}
|
||||
{# % set ALGOLIA_INDEX = 'cloud-docs-prod' % #}
|
||||
{# % set ALGOLIA_API_KEY = 'cf84f05a225bedb72ce472dada63d29f' % #}
|
||||
{%- endif %}
|
||||
|
||||
{% set css_files = css_files + ['_static/graphiql/graphiql.css', '_static/styles/main.css'] %}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user