diff --git a/docs/site/components/docs/docs.html b/docs/site/components/docs/docs.html
index af7af3e80ed..dff1e419138 100644
--- a/docs/site/components/docs/docs.html
+++ b/docs/site/components/docs/docs.html
@@ -1,15 +1,5 @@
gcloud
+
+
+
diff --git a/docs/site/css/main.css b/docs/site/css/main.css
index d1143fc42d3..9b929900def 100755
--- a/docs/site/css/main.css
+++ b/docs/site/css/main.css
@@ -298,6 +298,32 @@ ul {
padding: 0;
}
+.header--right {
+ display: none;
+ position: absolute;
+}
+
+.page-header.fixed .v-btn {
+ background-color: #fff;
+ color: #444;
+ border-radius: 8px;
+ border: 0;
+ border-right: 2px solid #A0C2F4;
+ border-bottom: 2px solid #A0C2F4;
+ padding: 11px 10px;
+ font-size: .8em;
+ transition: border-color 1s, border-width .1s;
+}
+
+.page-header.fixed .v-btn:hover {
+ opacity: 1;
+ border-color: #aaa;
+}
+
+.page-header.fixed .v-btn:active {
+ border-width: 1px;
+}
+
/*
Logo
*/
@@ -1132,6 +1158,14 @@ ul {
Modify as content requires.
========================================================================== */
+@media only screen and (min-width: 19em) {
+ .header--right {
+ display: block;
+ right: 54px;
+ top: 10px;
+ }
+}
+
@media only screen and (min-width: 37em) {
/*
@@ -1177,7 +1211,6 @@ ul {
width: 0.6em;
height: 0.6em;
}
-
}
@media only screen and (min-width: 45em) {
@@ -1207,6 +1240,11 @@ ul {
line-height: 70px;
}
+ .header--right {
+ top: 20px;
+ right: 20px;
+ }
+
/*
Logo
*/