this post was submitted on 16 Jun 2023
32 points (97.1% liked)

France

2794 readers
1 users here now

Hop, [email protected] c'est finit, merci de migrer sur [email protected]

founded 1 year ago
MODERATORS
iraldir
V4uban
32
J'ai fait un stylus pour "désaérer" Lemmy (slrpnk.net)
submitted 1 year ago* (last edited 1 year ago) by [email protected] to c/france
25 comments fedilink hide all child comments
 

Je suis un bon gros fan du style old. de reddit. Je préfère de la densité d'info à des hectares de pixels blancs, alors je me suis fait ce petit truc, en espérant que ça puisse être utile à d'autres. Stylus est une extension Firefox (je crois qu'elle est sous chrome aussi) qui permet de modifier le CSS de certaines pages. C'est pas encore parfait, je l'ai déjà édité deux fois pour corriger des petits défauts, mais ça peut faire la blague en attendant que les devs proposent d'autres styles:

.my-3 {
  margin: 0px;
  margin-bottom: 2px !important;
  margin-top: 2px !important;
}

.container-lg {
  max-width: 100%;
}

h5 {
    margin-bottom:0px;
    margin-top:2px;
    font-size: 1.0em;
}

.mb-1 {
    margin-bottom:0px !important;
}

.list-inline-item .text-info .mr-2 {
    max-height:16px;
    max-width:16px;
}

li.list-inline-item span a picture img.rounded-circle.img-icon.mr-2 {
    max-height:16px;
    max-width:16px;
}

.col-sm-2 {
  max-width: 48px;
}

.btn {
  font-size: 0.8rem;
  line-height: 1.0;
}

a.text-body div.thumbnail.rounded.bg-light.d-flex.justify-content-center {
    min-height: 34px;
}
top 23 comments
sorted by: hot top controversial new old
[–] FrankMaleir 4 points 1 year ago

Merci!

[–] [email protected] 4 points 1 year ago (1 children)

Très sympa ! C'est dommage qu'il ne soit pas possible de mettre du CSS custom dans Lemmy :(

[–] [email protected] 4 points 1 year ago (1 children)

Ça viendra surement, on peut déjà choisir plusieurs types de couleurs. En attendant j'utilise Stylus:

https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

https://addons.mozilla.org/en-US/firefox/addon/styl-us/

Crée un style pour l'URL de ton instance et copie le texte que j'ai mis dans le message.

[–] [email protected] 4 points 1 year ago (1 children)

Je tombe là dessus, je vais voir si on peut faire un truc avec.

https://join-lemmy.org/docs/en/administration/theming.html

[–] [email protected] 4 points 1 year ago (1 children)

Note que cette doc c'est pour les gens qui gèrent une instance

[–] [email protected] 7 points 1 year ago (1 children)

Bah check le nom de mon instance :D

[–] [email protected] 3 points 1 year ago

Got it! 🫡

[–] Eve 4 points 1 year ago

Ah, c'est beaucoup mieux comme ça, merci du partage :)

[–] RockDeBilly 4 points 1 year ago

Super, merci ! J'ai juste augmenté un peu la taille de la police, sur un écran QHD ça faisait petit.

[–] Nhof 3 points 1 year ago (1 children)

Super merci, la simplicité et la présentation de old.reddit est ce qu'il me manquait !

[–] V4uban 2 points 1 year ago

Bienvenue !

[–] attemptX 3 points 1 year ago

Top, merci !

[–] Adyko 3 points 1 year ago

Super cool, merci, je me retrouve beaucoup mieux avec ça !

[–] dioxippe 3 points 1 year ago

trop cool, merci !

[–] V4uban 2 points 1 year ago

Je viens de l'appliquer, ça rend vraiment bien!

[–] V4uban 2 points 1 year ago

Merci !

[–] [email protected] 1 points 1 year ago* (last edited 1 year ago)

j'ai demandé car ton post m'a paru comme un script à installer sur tampermonkey, mais il se peut que j'ai tort. sinon je vais essayer ce script ou installer l'extension comme on m'a suggeré de faire. merci infiniment.

[–] [email protected] 1 points 1 year ago (1 children)

Noice. Tes pas chaud pour contribuer au projet de Lemmy sur gît pour l'ajouter en fonctionnalité ? :D

[–] [email protected] 3 points 1 year ago

En fait c'est déjà dedans: on peut ajouter des feuilles de styles à son instance. Mais c'est uniquement l'admin de l'instance qui peut faire ça.

[–] [email protected] 1 points 1 year ago (2 children)

peut quelqu'un me rendre ce script adapatble à tampermonkey ? je ne suis pas assez technophile pour ce genre de tâche.merci

[–] V4uban 1 points 1 year ago (1 children)

Pourquoi ne pas utiliser Stylus directement ?

[–] [email protected] 2 points 1 year ago

ok je vais l'essayer directement, mais c'est parce que c'est une aubaine d'installer une extension sur firefox android (lequel j'utilise), et je veux profiter de ce font sur le téléphone. bref, je vais essayé comme dit

[–] [email protected] 1 points 1 year ago

Je connais pas tampermonkey mais d'après GPT-4, une conversion devrait donner ça:

// ==UserScript==
// @name         My Stylus Script
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Inject custom styles into webpages
// @author       You
// @match        *://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    let css = `
    .my-3 {
      margin: 0px;
      margin-bottom: 2px !important;
      margin-top: 2px !important;
    }

    .container-lg {
      max-width: 100%;
    }

    h5 {
	margin-bottom:0px;
	margin-top:2px;
	font-size: 1.0em;
    }

    .mb-1 {
	margin-bottom:0px !important;
    }

    .list-inline-item .text-info .mr-2 {
	max-height:16px;
	max-width:16px;
    }

    li.list-inline-item span a picture img.rounded-circle.img-icon.mr-2 {
	max-height:16px;
	max-width:16px;
    }

    .col-sm-2 {
      max-width: 48px;
    }

    .btn {
      font-size: 0.8rem;
      line-height: 1.0;
    }

    a.text-body div.thumbnail.rounded.bg-light.d-flex.justify-content-center {
	min-height: 34px;
    }`;

    let style = document.createElement('style');
    style.type = 'text/css';
    style.appendChild(document.createTextNode(css));
    document.head.appendChild(style);
})();

Il précise que tu dois mettre l'URL du site que tu veux changer (la racine de ton instance) en face de @match

load more comments
view more: next ›