Commit a2932501 authored by Thomas Boni's avatar Thomas Boni
Browse files

Merge branch '233-expand-the-code-visualisation-block-in-jobs' into 'latest' 

Resolve "Expand the code visualisation block in jobs"

Closes #233

See merge request r2devops/hub!130
parents 63f773bf 36304f4c

docs/js/extra.js

0 → 100644
+91 −0
Original line number Diff line number Diff line 
const marginStruct = [0, 0];

var tab = false;



function loadListeners() {

    /*

     * This following screen is to expand md-content when we

     * select the .gitlab-ci.yml tab, and retract it to go

     * back to default state

     */



    let sidebar = document.getElementsByClassName('md-sidebar--secondary')[0];

    let content = document.getElementsByClassName('md-content')[0];

    let tabbed_1 = document.getElementById("__tabbed_1_1");

    let tabbed_2 = document.getElementById("__tabbed_1_2");



    function resizeFirst() {

        // Click on `.gitlab-ci.yml`

        marginStruct[0] = screen.width;



        // Handling different screen resolutions

        if (screen.width <= 768)

        {

            tab = true;

        }

        else {

            if (screen.width <= 1220)

                marginStruct[1] = 0;

            else marginStruct[1] = 1;



            sidebar.style.display = "none"

            content.style.maxWidth = `calc(100% - 12.1rem * ${marginStruct[1]})`

            tab = true;

        }

    }



    function resizeSecond() {

        // Click on `Documentation`

        marginStruct[0] = screen.width;



        // Handling different screen resolutions

        if (screen.width <= 768)

        {

            tab = false;

        }

        else {

            if (screen.width <= 1220)

                marginStruct[1] = 1;

            else marginStruct[1] = 2



            sidebar.style.display = "block"

            content.style.maxWidth = `calc(100% - 12.1rem * ${marginStruct[1]})`

            tab = false;

        }

    }



    function resizeListener() {

        // In case the user doesn't event click on .gitlab-ci.yml

        if (marginStruct[0] === 0)

            return;



        if (tab && screen.width <= 1220 && marginStruct[0] > 1220

            || screen.width <= 768 && marginStruct[0] > 768

            || tab && screen.width > 768 && marginStruct[0] <= 768) {

            sidebar.style.display = "none"

            marginStruct[1] = 0;

        }

        else if (!tab && screen.width <= 1220 && marginStruct[0] > 1220) {

            sidebar.style.display = "block"

            marginStruct[1] = 1;

        }

        else if (tab && screen.width > 1220 && marginStruct[0] <= 1220) {

            sidebar.style.display = "none"

            marginStruct[1] = 1;

        }

        else if (!tab && screen.width > 1220 && marginStruct[0] <= 1220) {

            sidebar.style.display = "block"

            marginStruct[1] = 2;

        }

        else if (!tab && screen.width > 768 && marginStruct[0] <= 768) {

            sidebar.style.display = "block"

            marginStruct[1] = 1;

        }



        marginStruct[0] = screen.width;

        content.style.maxWidth = `calc(100% - 12.1rem * ${marginStruct[1]})`

    }



    tabbed_1.onchange = resizeSecond;

    tabbed_2.onchange = resizeFirst;

    window.onresize = resizeListener;

}
 
 No newline at end of file

mkdocs.yml

+1 −0
Original line number Diff line number Diff line
@@ -60,6 +60,7 @@ extra_javascript: 
    - js/juxtapose/juxtapose.loader.min.js

    - js/splide/splide.min.js

    - js/splide/splide.loader.js

    - js/extra.js



# Configuration

theme:

tools/builder/templates/job_documentation.md.j2

+12 −0
Original line number Diff line number Diff line
@@ -83,3 +83,15 @@ function checkGallery() { 
}

</script>

{% endif %}





<script>

checkSidebarFade();

function checkSidebarFade() {

    if (typeof loadListeners != "function")

        setTimeout(() => checkSidebarFade(), 100);

    else

        loadListeners();

}

</script>