CSS para ocultar no visto por TL, también conocido como grupo

Desarrollador
1

Quizás debería describir primero lo que estoy intentando hacer.

A los TLs más altos de mi foro les gusta usar unseen. Así que lo añadí al top menu. Pero los TL0/1 no lo necesitan porque para ellos latest y/o categories muestran exactamente lo mismo. Para ellos unseen es solo ruido.

Los usuarios TL1 pueden/podrían necesitarlo, pero se quedan en TL1 porque no son lo suficientemente activos. Y de nuevo: como no son activos, latest ofrece el mismo resultado.

Así que decidí ocultar unseen a cualquiera por debajo de TL2.

Como doctor en copiar y pegar, sé que puedo limitar y cambiar el diseño y las partes visibles por grupo. Pero no puedo encontrar un recurso adecuado porque me faltan los términos de búsqueda necesarios.

Entonces… ¿alguien puede mostrarme la dirección correcta?

En el mundo perfecto tendríamos un componente para ajustar el top menu por grupos. O incluso podríamos establecer valores predeterminados y dejar que un usuario decida qué quiere ver o no. Pero no vivimos en un mundo perfecto, ¿verdad? Bueno, en el mismo mundo de ensueño sabría CSS también :joy:

Existe el riesgo de que esté viendo esto como un problema mayor de lo que es. En mi mundo, alrededor del 95% de los usuarios usan móviles y no usan el menú desplegable en absoluto, por lo que nunca ven unseen en primer lugar.

2

Bueno, previamente he desarrollado un componente de tema que puede insertar CSS para grupos, niveles de confianza o usuarios.

No estoy seguro si alguien en meta ha desarrollado un componente similar antes… pero si no, lo publicaré

Actualización: El principio general es este, considerando que mi implementación es muy extraña… no la publicaré

<script type="text/discourse-plugin" version="0.8">
try {
    let your_tl = -1; // -1 significa anónimo
    if (api.getCurrentUser()?.trust_level) {
        your_tl = api.getCurrentUser().trust_level;
    }
    if (your_tl < 1) {
        var style = document.createElement('style');
        style.innerHTML = '#tl1-only{display:none;}'; // O algo más
        document.head.appendChild(style);
    }
} catch(err) {
    // ...
}
</script>
2 Me gusta