Hoe kan ik het uiterlijk van het forum aanpassen?

Jimiiee · 2022-11-30T10:48:00.866Z

Hallo,

Ik gebruik nu de communities website voor het eerst.

Is er een manier om de afstand tussen de verschillende topics te verkleinen? (visueel).
Op het oude forum kon je heel veel topics zien zonder veel te scrollen. Hier is een scroll scroll, zoeken zoeken.

En ik vind de icoontjes/fototjes rechts niks bijdragen, ik hoef niet te zien wie er op een topic heeft gereageerd.

En dat tijd balkje dat 1/6 van de scherm inneemt, heeft helemaal geen toegevoegde waarde.

Kun je de communities customized zodat het er iets prefesioneler eruit ziet?

mcliquid · 2022-11-30T11:43:20.613Z

You can install Tampermonkey in your browser and add a “display:none” to every element you want to hide. Or use “Hide That!”. Pretty easy.

Tjuro · 2022-11-30T14:32:26.436Z

De wijzigingen die jij wilt zien zijn best specifiek, dus niet geschikt voor iedereen.
Ik heb even een userscriptje voor je gemaakt, instaleren met tampermonky:

// ==UserScript==
// @name          OSM

// @match         https://community.openstreetmap.org/*
// @grant         none
// @run-at        document-end
// ==/UserScript==

// register a style sheet
let style = document.createElement("style");

style.innerHTML = `
    .topic-body {
        width: calc(850px + (11px * 2));
    }

    .post-notice {
        max-width: calc(850px + (11px * 2) + 45px - (0.8em * 2));
    }
    
    .topic-list .topic-list-data {
        padding: 4px 5px;
    }
    
    .topic-list .posters {
        display: none;
    }
`;

document.getElementsByTagName("head")[0].appendChild(style);

edit: de reden dat je min 15 tekens moet hebben is om jou te forceren een nuttige titel te maken. ipv “Communities NL” kun je beter: “Hoe customise ik discorse naar mijn voorkeuren?” als titel hebben. Een duidelijke titel is belangrijk om dit topic later terug te vinden.

Tjuro · 2022-12-01T08:12:26.714Z

@Jimiiee is het gelukt? als je nog meer wilt aanpassen moet je dit lezen: CSS basics - Learn web development | MDN

Tjuro · 2023-01-02T13:31:40.262Z

Ik heb de laatste tijd het bovenstaande script wat uitgebreid, dit is waar ik op uit ben gekomen:

image2300×507 79.1 KB

// ==UserScript==
// @name          OSM

// @match         https://community.openstreetmap.org/*
// @grant         none
// @run-at        document-end
// ==/UserScript==

// register a style sheet
let style = document.createElement("style");

style.innerHTML = `
    :root {
        --tertiary: #06B6D4;
        --quaternary: #EA580C;
    }

    .topic-body {
        width: calc(850px + (11px * 2));
    }

    .post-notice {
        max-width: calc(850px + (11px * 2) + 45px - (0.8em * 2));
    }

    .topic-list .topic-list-data {
        padding: 8px 5px;
    }

    .single-select-header, .ember-view > a, .btn, .menu-panel, .search-input, .search-input > input {
        border-radius: 5px;
    }

    .nav-pills > li a.active {
        color: #FFEDD5;
    }

    .svg-icon {
        height: 20px;
    }

    .badge-category-bg {
        border-radius: 100%;
    }

    .badge-wrapper.bullet .badge-category-parent-bg + .badge-category-bg {
        border-radius: unset;
    }
`;

document.getElementsByTagName("head")[0].appendChild(style);