Skip to content

GitHub Grid View by sapondanaisriwan

Screenshot of GitHub Grid View

Details

Authorsapondanaisriwan

LicenseMIT

Categorygithub

Created

Updated

Size10 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A browser extension that turns repositories into a grid view

Support:

  • Stars Tap
  • Search Page
  • Repositories Tap

Notes

Repositories Grid For GitHub
Support:

  • Stars Tap
  • Search Page
  • Repositories Tap

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           `Repositories Grid For GitHub
@author         sapondanaisriwan <sapondanaisriwan@gmail.com> (https://github.com/sapondanaisriwan)
@description    If you want to submit a bug or request a feature please report via github issue. Since I receive so many emails, I can't reply to them all.
@namespace      https://userstyles.world/user/sapondanaisriwan
@homepageURL    https://github.com/sapondanaisriwan/Repositories-Grid-For-GitHub
@supportURL     https://github.com/sapondanaisriwan/Repositories-Grid-For-GitHub/issues
@version        1.0.2
@license        MIT
@preprocessor   stylus

@var select starNewDesign         "⭐ Star New Design" ["Enabled", "Disabled"]
@var checkbox hideStarText        "  💬 Hide Text" 1
@var checkbox dropDownMenu        "  ⬇️ Hide Drop Down Menu" 0

@var select resTap                "📚 Respasatories Tap" ["Enabled", "Disabled"]
@var checkbox fullDescription     "  💬 Full Description" 0
@var checkbox resNoDescription    "  💬 Placeholder 'No Description'" 0
@var checkbox showRepository      "  📗 Show Repository Icon" 1

@var checkbox hideForked          "  🍴 Hide Forked Text" 0
@var checkbox hideTopics          "  🌍 Hide Topics" 1
@var checkbox hideHelp	          "  🆘 Hide Help Wanted" 1
@var checkbox hideLicense	      "  🪪 Hide License" 1

@var select starsTap              "⭐ Stars Tap" ["Enabled", "Disabled"]
@var checkbox stNoDescription     "  💬 Placeholder 'No Description'" 0
@var checkbox stHideSponsors      "  💵 Hide Sponsors" 1
@var checkbox stHideAuthor        "  🖊️ Hide Author" 1

@var select searchPage          "🔎 Search Page" ["Enabled", "Disabled"]
@var checkbox spHideSponsors      "  💵 Hide Sponsors" 1
@var checkbox spHideTopics        "  🌍 Hide Topics" 1
@var checkbox spHideUpdate        "  💬 Hide Update Text" 1
@var checkbox spfullDescription   "  💬 Full Description" 1
@var checkbox spHideHelp	      "  🆘 Hide Help Wanted" 1

==/UserStyle== */
@-moz-document regexp("https?://github?.com(/.*)?") {
    /* Variables */
    i=!important;
    t=!transparent;

    :root {
        --repository-icon: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAN1JREFUOE/tk8ENwjAMRb9BcKUbABN0BDICo7RHSiuCWsIx2QBGYARWYIOyARwBqUYJFFWiFC5IHMglUmw/O9824X7iVIuCaAVgUL413LmKg6G1U+kUZToHyAPxGgUODcECRCMVBy62AjAM5rlKQtlUQZRqCaLZH/C7GsD13/tgkFDfRuAIZvMG8K1BSvUWRH0741FmuFqFLXeS6jG1Wj4zCwLE0xek1N6pDbFMwk0dIMqM1ad3A/NexaFbuscuVDNaAIF3zhXkl9nqtKkHLLTpXuCW6tyBVNMweCXsFd/SnxH+P3j+AAAAAElFTkSuQmCC")
    }

    gridTemplate() {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    description() {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    noDescription() {
        content: "No description provided"
        color: var(--fgColor-muted, var(--color-fg-muted)) i;
        font-style: italic;
    }
    
    itemCard() {
        padding: 16px i;
        background-color: var(--color-canvas-default);
        border-color: var(--color-border-default);
        border-radius: var(--primer-borderRadius-medium, 6px);
        border-style: solid;
        border-width: var(--primer-borderWidth-thin, 1px);
    }

    if (starsTap=="Enabled") {
        #user-starred-repos .mt-5 {
            position: relative;
            max-width: 100% i;

            .col-lg-12 {
                gridTemplate();
                margin-top: 90px;

                .py-4 {
                    itemCard();
                    if (stNoDescription) {
                        > div:nth-child(3):not(:has(p[itemprop="description"]))::before {
                            noDescription()
                        }
                    }
                }

                p[itemprop="description"] {
                    width: 100%;
                }
                
                > .position-relative {
                    top: 0;
                    position: absolute i;
                    width: 100% i;
                }

                if starNewDesign {
                    form > button > span {
                        display: none i if hideStarText;
                    }

                    .mr-2 {
                        margin-right: 0 i;
                    }

                    .BtnGroup-parent:first-child .BtnGroup-item {
                        border-right-width: 1px;
                        border-top-right-radius: 6px;
                        border-bottom-right-radius: 6px;
                    }

                    details[id^="details-user-list"] {
                        display: none i if dropDownMenu;
                    }
                }

                a[href^="/sponsors/"] {
                    display: none i if stHideSponsors;
                }

                span.text-normal {
                    display: none i if stHideAuthor;
                }
            }
        }
    }

    if (searchPage=="Enabled") {
        /* Search  */
        ul.repo-list {
            gridTemplate();
            margin-top: 16px;

            * {
                min-width: 0 i;
            }

            > li.py-4 {
                itemCard();

                p.mb-1 {
                    if (not spfullDescription) {
                        description()
                    }
                }

                div.mr-3:has( > relative-time) {
                    display: none if spHideUpdate;
                }

                div.d-flex > div.d-flex.flex-items-center.flex-justify-end.flex-shrink-0.flex-auto {
                    display: none i if spHideSponsors;
                }
                
                a[href^="/topics/"] {
                    display: none i if spHideTopics;
                }

                a[href*="issue"] {
                    display: none if spHideHelp;
                }
            }
        }
    }

    if (resTap=="Enabled") {

        /* Repositories tap */
        #user-repositories-list > ul {
            gridTemplate();
            margin-top: 16px;

            > li.py-4 {
                itemCard();

                min-width: 0;
                padding: 16px i;
                position: relative;

                > .d-inline-block {

                    /* Repository's name */
                    div.d-inline-block.mb-1 {

                        > h3 {
                            font-size: 14px;
                            if showRepository {
                                &::before {
                                    display: inline-block i;
                                    position: relative;
                                    top: 3px;
                                    margin-right: 4px;
                                    width: 16px;
                                    height: 16px;
                                    content: var(--repository-icon);
                                }
                            }
                        }

                        > span {
                            display: none if hideForked;
                        }
                    }

                    /* Description */
                    p.col-9 {
                        margin-bottom: 0 i;

                        width: 100%;

                        if (not fullDescription) {
                            description()
                        }
                    }
                    
                    if (resNoDescription) {
                        > div:nth-child(2):not(:has(p[itemprop="description"]))::before {
                            noDescription()
                        }
                    }
                    
                    /* Hide Topics */
                    > .topics-row-container {
                        display: none i if hideTopics;
                    }

                    /* Bottom descriptions  */
                    div.f6.color-fg-muted.mt-2 {
                        > span:not(.ml-0) {
                            display: none i if hideLicense;
                        }

                        a[href*="issue"] {
                            display: none if hideHelp;
                        }
                    }
                }

                > .col-2 {
                    display: contents i;

                    .starring-container .unstarred, .starring-container.on .starred {
                        margin-left: 0;
                    }

                    .starring-container {
                        position: absolute;
                        right: 16px;

                        if (starNewDesign=="Enabled") {

                            if dropDownMenu {
                                .BtnGroup-parent .BtnGroup-item {
                                    border-right-width: 1px;
                                    border-top-right-radius: 6px;
                                    border-bottom-right-radius: 6px;
                                }

                                details {
                                    display: none i;
                                }
                            }

                            if hideStarText {
                                form > button > span {
                                    display: none i;
                                }

                                .btn-sm .octicon,
                                .starred .starred-button-icon {
                                    margin-right: 0 i;
                                }
                            }
                        }
                    }
                }

                .col-lg-9 {
                    width: 100%;
                }

                .col-...

Reviews

No reviews yet.