libretro/Mesen
1
0
Fork 0
mirror of https://github.com/libretro/Mesen.git synced 2025-02-03 15:42:35 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Docs: Fixed layout issues (menu & Edge)

Browse Source
This commit is contained in:
Sour 2018-04-04 23:33:16 -04:00
parent b54071c43d
commit 79dd71dc3b
10 changed files with 196 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@ -170,5 +170,5 @@ $RECYCLE.BIN/
*.VC.db-wal
*.VC.db-shm
Docs/public/
Docs/docs/
Docs/*.exe

2
Docs/README.md
View File

@ -2,4 +2,4 @@ This is the source code/resources used to build the documentation website locate
It requires hugo to build. You can download hugo here: [https://gohugo.io/](https://gohugo.io/).
Use the "build.cmd" batch file to build a copy of the documentation - it will be saved to the "public" subfolder.
Use the "build.cmd" batch file to build a copy of the documentation - it will be saved to the "docs" subfolder.

6
Docs/build.cmd
View File

@ -1,4 +1,4 @@
hugo
del public\js\searchjson.js
echo var searchjson = >>public\js\searchjson.js
type public\index.json>>public\js\searchjson.js
del docs\js\searchjson.js
echo var searchjson = >>docs\js\searchjson.js
type docs\index.json>>docs\js\searchjson.js

1
Docs/config.toml
View File

@ -4,6 +4,7 @@ uglyURLs = true
languageCode = "en-us"
title = "Mesen Documentation"
theme = "learn"
publishDir = "docs"
[outputs]
home = [ "HTML", "RSS", "JSON"]

115
Docs/static/css/custom.css
View File

@ -8,6 +8,21 @@ a {
font-weight: 400;
}
@media (min-height: 700px) {
.donateButton {
text-align: center;
}
}
.donateButton {
width:100%;
margin-bottom: 10px;
}
#footer {
padding: 10px 15px 0 15px;
}
#search-by {
color: #fff !important;
}
@ -40,10 +55,16 @@ nav#TableOfContents {
left: -10px;
}
nav > ul > li:only-child,
nav > ul > li:only-child > ul > li:only-child,
nav > ul > li:only-child > ul > li:only-child > ul > li:only-child {
display: inline;
}
ul > li > ul:only-child {
position: relative;
left: -40px;
background-color: #FCFCFC;
background-color: #FCFCFC;
}
.progress ul > li > ul:only-child {
@ -194,4 +215,94 @@ section#shortcuts > h3 {
.imgBox.right > div {
display: inline-block;
}
}
}
.bmc-button img{
width: 27px !important;
margin-bottom: 1px !important;
box-shadow: none !important;
border: none !important;
vertical-align: middle !important;
}
.bmc-button{
line-height: 36px !important;
height:37px !important;
text-decoration: none !important;
display:inline-flex !important;
color:#000000 !important;
background-color:#FFDD00 !important;
border-radius: 3px !important;
border: 1px solid transparent !important;
padding: 0px 9px !important;
font-size: 17px !important;
letter-spacing:-0.08px !important;
box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;
-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;
margin: 0 auto !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
-o-transition: 0.3s all linear !important;
-webkit-transition: 0.3s all linear !important;
-moz-transition: 0.3s all linear !important;
-ms-transition: 0.3s all linear !important;
transition: 0.3s all linear !important;
}
.bmc-button:hover, .bmc-button:active, .bmc-button:focus {
-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;
text-decoration: none !important;
box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;
opacity: 0.85 !important;
color:#000000 !important;
}
@media (max-height: 700px) {
.bmc-button{
line-height: 22px !important;
height:25px !important;
padding: 0 4px 0 0 !important;
}
}
nav#sidebar > div.highlightable {
display: flex;
width: 100%;
flex-direction: column;
}
nav#sidebar > div.highlightable > ul.topics {
flex: 0 0 auto;
}
nav#sidebar > div.highlightable > section#shortcuts {
flex: 0 0 auto;
}
nav#sidebar > div.highlightable > section#footer {
flex: 0 0 auto;
}
div#menuspacer {
flex: 1 0 auto;
}
nav#sidebar {
display: flex;
flex-direction: column;
}
div#header-wrapper {
flex: 0 0 auto;
}
nav#sidebar > div.highlightable {
flex: 1 0 auto;
}
@supports (-ms-ime-align: auto) {
nav#sidebar,
section#body {
transition: none;
}
}

71
Docs/static/images/BMC-btn-logo.svg Normal file
View File

@ -0,0 +1,71 @@
<svg width="25" height="22" viewBox="0 0 25 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Group</title>
<desc>Created using Figma</desc>
<g id="Canvas" transform="translate(-5180 -696)">
<g id="Group">
<g id="Combined Shape">
<use xlink:href="#path0_fill" transform="translate(5201.49 697.468)" fill="#FFFFFF"/>
</g>
<g id="Logo">
<g id="Fill 1">
<use xlink:href="#path1_fill" transform="translate(5188.19 700.863)" fill="#FF9100"/>
</g>
<g id="Fill 2">
<use xlink:href="#path2_fill" transform="translate(5188.19 700.863)" fill="#FFDD00"/>
</g>
<g id="Fill 3">
<use xlink:href="#path3_fill" transform="translate(5186.75 699.413)" fill="#FFFFFF"/>
</g>
<g id="Stroke 4">
<use xlink:href="#path4_stroke" transform="translate(5186.75 699.413)"/>
</g>
<g id="Fill 6">
<use xlink:href="#path5_fill" transform="translate(5188.24 697.056)" fill="#FFFFFF"/>
</g>
<g id="Group 11">
<g id="Stroke 7">
<use xlink:href="#path6_stroke" transform="translate(5188.24 697.056)" fill="#050505"/>
</g>
<g id="Stroke 9">
<use xlink:href="#path7_stroke" transform="translate(5187.29 700.863)"/>
</g>
</g>
<g id="Fill 12">
<use xlink:href="#path8_fill" transform="translate(5187.07 705.304)" fill="#FFFFFF"/>
</g>
<g id="Stroke 13">
<use xlink:href="#path9_stroke" transform="translate(5187.07 705.304)"/>
</g>
</g>
<g id="Oval" opacity="0.2">
<mask id="mask0_outline_ins">
<use xlink:href="#path10_fill" fill="white" transform="translate(5180.65 701.166)"/>
</mask>
<g mask="url(#mask0_outline_ins)">
<use xlink:href="#path11_stroke_2x" transform="translate(5180.65 701.166)" fill="#FFFFFF"/>
</g>
</g>
<g id="Oval" opacity="0.2">
<use xlink:href="#path12_fill" transform="translate(5200.84 707.692)" fill="#FFFFFF"/>
</g>
<g id="Oval">
<use xlink:href="#path12_fill" transform="translate(5184.56 712.696)" fill="#FFFFFF"/>
</g>
</g>
</g>
<defs>
<path id="path0_fill" fill-rule="evenodd" d="M 1.11914 0.172241C 1.02246 0.272827 0.962891 0.409363 0.962891 0.559753L 0.962891 0.962952L 0.55957 0.962952C 0.250488 0.962952 0 1.21356 0 1.52277C 0 1.83191 0.250488 2.08252 0.55957 2.08252L 0.962891 2.08252L 0.962891 2.48566C 0.962891 2.7948 1.21338 3.04547 1.52246 3.04547C 1.83203 3.04547 2.08252 2.7948 2.08252 2.48566L 2.08252 2.08252L 2.48584 2.08252C 2.79492 2.08252 3.04541 1.83191 3.04541 1.52277C 3.04541 1.21356 2.79492 0.962952 2.48584 0.962952L 2.08252 0.962952L 2.08252 0.559753C 2.08252 0.25061 1.83203 0 1.52246 0C 1.36377 0 1.2207 0.06604 1.11914 0.172241Z"/>
<path id="path1_fill" fill-rule="evenodd" d="M 5.02978 0.0305451L 0 0L 2.46998 15.7258L 3.00889 15.7258L 7.94885 15.7258L 8.48776 15.7258L 10.9577 0L 5.02978 0.0305451Z"/>
<path id="path2_fill" fill-rule="evenodd" d="M 5.02978 0.0305451L 0 0L 2.46998 15.7258L 3.00889 15.7258L 6.69141 15.7258L 7.23031 15.7258L 9.7003 0L 5.02978 0.0305451Z"/>
<path id="path3_fill" fill-rule="evenodd" d="M 0 1.45021L 12.9786 1.45021L 12.9786 0L 0 0L 0 1.45021Z"/>
<path id="path4_stroke" d="M 0 1.45021L -0.440282 1.45021L -0.440282 1.8905L 0 1.8905L 0 1.45021ZM 12.9786 1.45021L 12.9786 1.8905L 13.4189 1.8905L 13.4189 1.45021L 12.9786 1.45021ZM 12.9786 0L 13.4189 0L 13.4189 -0.440282L 12.9786 -0.440282L 12.9786 0ZM 0 0L 0 -0.440282L -0.440282 -0.440282L -0.440282 0L 0 0ZM 0 1.8905L 12.9786 1.8905L 12.9786 1.00993L 0 1.00993L 0 1.8905ZM 13.4189 1.45021L 13.4189 0L 12.5384 0L 12.5384 1.45021L 13.4189 1.45021ZM 12.9786 -0.440282L 0 -0.440282L 0 0.440282L 12.9786 0.440282L 12.9786 -0.440282ZM -0.440282 0L -0.440282 1.45021L 0.440282 1.45021L 0.440282 0L -0.440282 0Z"/>
<path id="path5_fill" fill-rule="evenodd" d="M 8.98176 0L 5.88305 0L 4.04179 0L 0.943084 0L 0 2.17532L 4.04179 2.17532L 5.88305 2.17532L 9.92484 2.17532L 8.98176 0Z"/>
<path id="path6_stroke" d="M 8.98176 0L 9.38571 -0.175129L 9.27076 -0.440282L 8.98176 -0.440282L 8.98176 0ZM 0.943084 0L 0.943084 -0.440282L 0.654085 -0.440282L 0.539131 -0.175129L 0.943084 0ZM 0 2.17532L -0.403953 2.00019L -0.670758 2.6156L 0 2.6156L 0 2.17532ZM 9.92484 2.17532L 9.92484 2.6156L 10.5956 2.6156L 10.3288 2.00019L 9.92484 2.17532ZM 8.98176 -0.440282L 5.88305 -0.440282L 5.88305 0.440282L 8.98176 0.440282L 8.98176 -0.440282ZM 5.88305 -0.440282L 4.04179 -0.440282L 4.04179 0.440282L 5.88305 0.440282L 5.88305 -0.440282ZM 4.04179 -0.440282L 0.943084 -0.440282L 0.943084 0.440282L 4.04179 0.440282L 4.04179 -0.440282ZM 0.539131 -0.175129L -0.403953 2.00019L 0.403953 2.35045L 1.34704 0.175129L 0.539131 -0.175129ZM 0 2.6156L 4.04179 2.6156L 4.04179 1.73504L 0 1.73504L 0 2.6156ZM 4.04179 2.6156L 5.88305 2.6156L 5.88305 1.73504L 4.04179 1.73504L 4.04179 2.6156ZM 5.88305 2.6156L 9.92484 2.6156L 9.92484 1.73504L 5.88305 1.73504L 5.88305 2.6156ZM 10.3288 2.00019L 9.38571 -0.175129L 8.5778 0.175129L 9.52089 2.35045L 10.3288 2.00019Z"/>
<path id="path7_stroke" d="M 5.92796 0.0305451L 5.92569 0.470845L 5.93023 0.470821L 5.92796 0.0305451ZM 0 0L 0.00226862 -0.440276L -0.515251 -0.442943L -0.43495 0.0683159L 0 0ZM 2.46998 15.7258L 2.03503 15.7941L 2.09346 16.166L 2.46998 16.166L 2.46998 15.7258ZM 9.38594 15.7258L 9.38594 16.166L 9.76246 16.166L 9.82089 15.7941L 9.38594 15.7258ZM 11.8559 0L 12.2909 0.0683159L 12.3712 -0.442943L 11.8537 -0.440276L 11.8559 0ZM 5.93023 -0.409731L 0.00226862 -0.440276L -0.00226862 0.440276L 5.92569 0.470821L 5.93023 -0.409731ZM -0.43495 0.0683159L 2.03503 15.7941L 2.90493 15.6574L 0.43495 -0.0683159L -0.43495 0.0683159ZM 2.46998 16.166L 3.00889 16.166L 3.00889 15.2855L 2.46998 15.2855L 2.46998 16.166ZM 3.00889 16.166L 8.84703 16.166L 8.84703 15.2855L 3.00889 15.2855L 3.00889 16.166ZM 8.84703 16.166L 9.38594 16.166L 9.38594 15.2855L 8.84703 15.2855L 8.84703 16.166ZM 9.82089 15.7941L 12.2909 0.0683159L 11.421 -0.0683159L 8.95099 15.6574L 9.82089 15.7941ZM 11.8537 -0.440276L 5.92569 -0.409731L 5.93023 0.470821L 11.8582 0.440276L 11.8537 -0.440276Z"/>
<path id="path8_fill" fill-rule="evenodd" d="M 12.2601 0L 6.34287 0L 5.91723 0L 0 0L 1.10682 6.25405L 6.13005 6.19953L 11.1533 6.25405L 12.2601 0Z"/>
<path id="path9_stroke" d="M 12.2601 0L 12.6936 0.0767275L 12.7851 -0.440282L 12.2601 -0.440282L 12.2601 0ZM 0 0L 0 -0.440282L -0.525044 -0.440282L -0.433545 0.0767275L 0 0ZM 1.10682 6.25405L 0.673277 6.33077L 0.73833 6.69835L 1.1116 6.6943L 1.10682 6.25405ZM 6.13005 6.19953L 6.13483 5.75917L 6.12527 5.75927L 6.13005 6.19953ZM 11.1533 6.25405L 11.1485 6.6943L 11.5218 6.69835L 11.5868 6.33077L 11.1533 6.25405ZM 12.2601 -0.440282L 6.34287 -0.440282L 6.34287 0.440282L 12.2601 0.440282L 12.2601 -0.440282ZM 6.34287 -0.440282L 5.91723 -0.440282L 5.91723 0.440282L 6.34287 0.440282L 6.34287 -0.440282ZM 5.91723 -0.440282L 0 -0.440282L 0 0.440282L 5.91723 0.440282L 5.91723 -0.440282ZM -0.433545 0.0767275L 0.673277 6.33077L 1.54037 6.17732L 0.433545 -0.0767275L -0.433545 0.0767275ZM 1.1116 6.6943L 6.13483 6.63978L 6.12527 5.75927L 1.10204 5.81379L 1.1116 6.6943ZM 6.12527 6.63978L 11.1485 6.6943L 11.1581 5.81379L 6.13483 5.75927L 6.12527 6.63978ZM 11.5868 6.33077L 12.6936 0.0767275L 11.8266 -0.0767275L 10.7197 6.17732L 11.5868 6.33077Z"/>
<path id="path10_fill" fill-rule="evenodd" d="M 1.845 3.69804C 2.86397 3.69804 3.69001 2.87021 3.69001 1.84902C 3.69001 0.827835 2.86397 0 1.845 0C 0.826036 0 0 0.827835 0 1.84902C 0 2.87021 0.826036 3.69804 1.845 3.69804Z"/>
<path id="path11_stroke_2x" d="M 1.845 5.11673C 3.6504 5.11673 5.10869 3.65082 5.10869 1.84902L 2.27132 1.84902C 2.27132 2.0896 2.07754 2.27936 1.845 2.27936L 1.845 5.11673ZM 5.10869 1.84902C 5.10869 0.0472286 3.6504 -1.41869 1.845 -1.41869L 1.845 1.41869C 2.07754 1.41869 2.27132 1.60844 2.27132 1.84902L 5.10869 1.84902ZM 1.845 -1.41869C 0.0396073 -1.41869 -1.41869 0.0472286 -1.41869 1.84902L 1.41869 1.84902C 1.41869 1.60844 1.61246 1.41869 1.845 1.41869L 1.845 -1.41869ZM -1.41869 1.84902C -1.41869 3.65082 0.0396073 5.11673 1.845 5.11673L 1.845 2.27936C 1.61246 2.27936 1.41869 2.0896 1.41869 1.84902L -1.41869 1.84902Z"/>
<path id="path12_fill" fill-rule="evenodd" d="M 0.868237 1.74026C 1.34775 1.74026 1.73647 1.35069 1.73647 0.870128C 1.73647 0.38957 1.34775 0 0.868237 0C 0.388723 0 0 0.38957 0 0.870128C 0 1.35069 0.388723 1.74026 0.868237 1.74026Z"/>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB

2
Docs/themes/learn/layouts/_default/single.html
View File

@ -1,10 +1,12 @@
{{ partial "header.html" . }}
{{ if ne .Params.toc false }}
{{ if .TableOfContents }}
<div class="toc">
<div>{{.TableOfContents}}</div>
</div>
{{ end }}
{{ end }}
{{ .Content }}

3
Docs/themes/learn/layouts/partials/menu-footer.html
View File

@ -1,4 +1,5 @@
<div style="position:absolute;bottom:35px">
<div class="menuFooter">
<div class="donateButton"><a class="bmc-button" target="_blank" href="https://www.mesen.ca/Donate.php"><img src="/images/BMC-btn-logo.svg" alt="Donate"><span style="margin-left:5px">Donate</span></a></div>
Version: <b>{{ .Site.Params.MesenVersion }}</b><br/>
Last Updated: <b>{{ .Now.Format "2006-01-02"}}</b>
</div>

1
Docs/themes/learn/layouts/partials/menu.html
View File

@ -83,6 +83,7 @@
</ul>
</section>
{{ end }}
<div id="menuspacer"></div>
<section id="footer">
{{ partial "menu-footer.html" . }}
</section>

2
Docs/themes/learn/static/js/learn.js
View File

@ -26,7 +26,7 @@ function getScrollBarWidth() {
};
function setMenuHeight() {
$('#sidebar .highlightable').height($('#sidebar').innerHeight() - $('#header-wrapper').height() - 40);
$('#sidebar .highlightable').height($('#sidebar').innerHeight() - $('#header-wrapper').height() - 68);
$('#sidebar .highlightable').perfectScrollbar('update');
}