Skip to content
This repository was archived by the owner on Feb 28, 2022. It is now read-only.

CSS Updates and Fixes #77

Open
SilentCicero wants to merge 13 commits into
base: master
Choose a base branch
from
Open

CSS Updates and Fixes #77

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
6c4acb6
minor fixes and adjustmnets
SilentCicero Aug 8, 2020
38c2f0f
hamburger fix, header spacing, search on mobile
SilentCicero Aug 10, 2020
b7f4686
version padding, search scroll, anchor fix, vanishing logo fix, hover…
SilentCicero Aug 14, 2020
22dc0d1
docs
SilentCicero Dec 31, 2020
f8a4940
space
SilentCicero Dec 31, 2020
99f7b5b
space
SilentCicero Dec 31, 2020
5517426
new build
SilentCicero Dec 31, 2020
a778a98
mainnet fix
SilentCicero Dec 31, 2020
f02b8cc
node fixes
SilentCicero Dec 31, 2020
a3a626d
node fixes
SilentCicero Dec 31, 2020
7441cbd
v1.1.0 update and metadata
SilentCicero Feb 11, 2021
a37ad94
mainnet address update
SilentCicero Feb 24, 2021
965ce23
rinkeby address update
SilentCicero Feb 24, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,3 +2,4 @@ node_modules/
dist/
build/
.cache/
.ds_token
Binary file added assets/images/logo.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 4 additions & 2 deletions config/build.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,8 +38,11 @@ const converter = new showdown.Converter({
],
});

// yes.

const src = './src/';
const dist = './dist/';
const ds_store = './src/.DS_Store';
const build = './build/';
const index = './build/index.html';
const assets = './assets/';
Expand All @@ -55,7 +58,7 @@ const treeToPanel = _tree =>
title(v.name)}</a>`)
.join('');

const filterVersion = (_tree, version = 'v1.0.0') =>
const filterVersion = (_tree, version = 'v1.1.0') =>
_tree.filter(v => v.name === version)[0].children;

(async () => {
Expand All @@ -64,7 +67,6 @@ const filterVersion = (_tree, version = 'v1.0.0') =>
const arrFiles = JSON.stringify(arr);
const header = await fs.readFile(index, 'utf8');
const panel = treeToPanel(filterVersion(tree(src)));

await fse.remove(dist);

// copy assets over
Expand Down
9 changes: 5 additions & 4 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,14 @@
{
"name": "fuel-docs",
"version": "1.0.0",
"version": "1.1.0",
"description": "The Fuel documentation.",
"main": "config/build.js",
"scripts": {
"start": "npm run build && http-server dist --cors",
"build": "parcel build public/index.html --out-dir build && node config/build",
"publish": "npm run build && now dist && now alias https://dist.fuellabs.now.sh docs.fuel.sh",
"publish-staging": "npm run build && now dist && now alias https://dist.fuellabs.now.sh docs.staging.fuel.sh",
"build": "npm run clean-locals && parcel build public/index.html --out-dir build && node config/build",
"publish": "npm run build && now dist",
"clean-locals": "rm -rf src/.DS_Store",
"publish-staging": "npm run build && now dist && now alias https://dist-fuellabs.fuel-labs.vercel.app docs.staging.fuel.sh",
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
Expand Down
44 changes: 44 additions & 0 deletions public/close.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
7 changes: 7 additions & 0 deletions public/hamburgers.min.css
View file
Open in desktop

Large diffs are not rendered by default.

117 changes: 107 additions & 10 deletions public/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -91,6 +91,10 @@ li code {
margin-bottom: 20px;
}

.group-header a:hover {
color: #000!important;
}

.group-header .arrow {
display: none;
}
Expand Down Expand Up @@ -163,6 +167,10 @@ li code {
color: #69737D;
}

.link:hover {
color: #000;
}

.link-open .dot {
background: #69737D;
}
Expand Down Expand Up @@ -194,7 +202,7 @@ li code {
margin-left: 12.5%;
overflow: hidden;
overflow: scroll;
z-index: 100000;
z-index: 150000;
}

#panel-wrapper::-webkit-scrollbar {
Expand All @@ -205,31 +213,38 @@ li code {
cursor: pointer!important;
}

.group-header a:hover {
}

/*
#panel-wrapper .group-header a {
transition: color 0.2s ease-out;
}
*/

/*
#panel-wrapper .link-not-open {
transition: color 0.2s ease-out;
}
*/

#panel-wrapper .link-not-open:hover {
color: #000!important;
}

/*
#panel-wrapper #search {
transition: border-color 0.2s ease-out;
}
*/

#panel-wrapper:hover .group-header a {
color: #69737d!important;
color: #69737d;
}

#panel-wrapper:hover .link-not-open {
color: #69737d!important;
color: #69737d;
}

#panel-wrapper:hover #search {
border-color: #e8e8e8!important;
border-color: #e8e8e8;
}

.dot {
Expand Down Expand Up @@ -271,6 +286,23 @@ li code {
outline: none;
}

#search:active {
border: 1px solid #CCC!important;
}

#search:focus {
border: 1px solid #CCC!important;
}

#search-wrapper:focus-within img {
filter: brightness(80%);
}

#search-wrapper:focus-within img {
filter: brightness(80%);
}


#search::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
transition: color 0.2s ease-out;
Expand All @@ -296,7 +328,26 @@ li code {
top: 9px;
}

#panel-header-fill {
display: none;
}

input:-webkit-autofill {
background-color: #FFF!important;
}

.table_wrapper {
width: 100%;
overflow: hidden;
overflow-x: scroll;
}

#invaid_search {
margin-top: 40px;
}

#version {
display: inline-block;
border: 1px solid #F1F1F1;
margin-top: 20px;
border-radius: 5px;
Expand All @@ -305,6 +356,7 @@ li code {
color: #69737d !important;
text-decoration: none;
max-width: 50px;
margin-bottom: 20px;
}

#content-wrapper {
Expand Down Expand Up @@ -638,6 +690,22 @@ li code {

#toggle {
display: none;
z-index: 10000;
outline: none;
}

#toggle button {
outline: none;
}

.hamburger {
outline: none!important;
transform: scale(.6);
}

.hamburger-inner {
width: 35px;
height: 3px;
}

@media only screen and (max-width: 1200px) {
Expand All @@ -648,6 +716,7 @@ li code {
#header {
padding-right: 8%;
height: 80px;
z-index: 130000;
}

#next {
Expand All @@ -666,6 +735,10 @@ li code {
}
}

.none {
display: none;
}

@media only screen and (max-width: 1024px) {

html, body {
Expand Down Expand Up @@ -695,8 +768,26 @@ li code {
font-size: 19px;
}

#panel-header {
height: 50px;
}

#panel-header-fill {
display: block;
position: fixed;
z-index: 1600000;
background: #FFF;
left: 0px;
right: 0px;
top: 0px;
height: 200px;
}

#search-wrapper {
width: 100%;
width: 90vw;
position: fixed;
background: #FFF;
z-index: 2000000;
}

#version {
Expand All @@ -723,11 +814,11 @@ li code {
}

.group-header a {
color: #69737d!important;
color: #69737d;
}

#panel-wrapper .link-not-open {
color: #69737d!important;
color: #69737d;
}

.header-logo {
Expand All @@ -743,6 +834,7 @@ li code {
border-right: none;
margin-left: 0px;
padding-right: 10%;
z-index: 100000;
overflow-x: hidden;
}

Expand Down Expand Up @@ -775,12 +867,17 @@ li code {
max-width: 80vw;
}

#content h1 {
line-height: 1.4em;
}

#content-wrapper {
margin-left: 0px;
}

#toggle {
display: block !important;
width: 50px;
}

.nav-break {
Expand Down
Loading