Follow

Depuis la mise à jour de mon instance en 3.1.5 les quatres colonnes de l'interface PC sont revenues à leur taille mini.. j'avais un script GreaseMonkey contre ça mais il ne fonctionne plus, je n'ai pas réussi à corriger manuellement.
Quelqu'un aurait un tuyau ?

@Epy
Difficile de te donner depuis mon téléphone mais quelques lignes de CSS et le tour est joué. Retour sur mon PC dans l'après midi. N'hésite pas à DM si pas de réponses d'ici là 😊

@FdC J'ai tenté, sans grand succès, même si pourtant pratique CSS depuis quelques années.
Surtout je ne comprends pas, il y a des technos comme Grid et Flex qui devraient permettre de ne pas s'occuper de la plateforme d'affichage, en plus il y a flex dans les CSS actuelles ..
Je veux bien une piste quand tu pourras ;) Merci !

@Epy
De retour devant mon PC. Quel est le comportement souhaité ?

> les quatres colonnes de l'interface PC sont revenues à leur taille mini

Tu les veux comment tes colonnes ? plus larges ? Qu'elles occupent tout l'écran ?

@FdC Que chacune occupe 25% de la largeur de l'écran pour profiter de la largeur de la page au maximum
Merci 😊

@Epy
Alors perso, j'utilise Stylus
addons.mozilla.org/en-US/firef
avec le code css suivant :

div.column {
width:calc((100% - 300px) / 4)
}

@Epy

Perso, j'ajoute aussi ceci :
/* Scrollbar fine */
html,
.scrollable {
scrollbar-color: #313543 transparent;
scrollbar-width: thin;
}
/* Media affichés à 100% */
.media-gallery,
.media-spoiler {
height: auto !important;
min-height: 110px;
}
.media-gallery__item-gifv-thumbnail {
transform: translateY(0%);
}
/* Opacité des colonnes non survolléees */
.column:not(:hover) {
opacity: 0.5;
}

@Epy
Et tu peux mettre tout ça dans un
@media only screen and (min-width: 690px) {
/* ton css */
}
si tu utilises parfois mastodon dans la sidebar de ton navigateur

@Epy
Je viens de relire ton premier message et tu parles de la version 3.1.5.

Je suis sur Mamot qui, vérif faite, est en v3.1.2. J'espère que ça va fonctionner chez toi 😅

@FdC Ah, c'est la version que j'avais avant la mise à jour et avec laquelle le script Greasemonkey fonctionnait
Je pense qu'il y a eu une modif dans le HTML entre les deux (pas eu le courage d'aller voir les diff de code) qui a eu cet effet. Il faudra probablement mettre à jour ton script aussi du coup. Mais je teste quand même ;)

@FdC Alors ça fonctionne 👍 ! J'ai enlevé le -300px et ajouté div.drawer pour que la colonne de rédaction et menu fasse la même dimension aussi, comme j'avais.
Je n'ai pas compris pourquoi le GM ne fonctionnait plus alors que j'avais aussi changé les selecteurs pour dir.drawer et div.column. C'est bien là qu'il y a dû y avoir du changement entre les versions, ou sur la priorité d'application des CSS?

@Epy
C'est ce que je viens de faire aussi de mon côté 🤣
Content que ça fonctionne 😎
Pour GM, peut-être un conflit avec un script nouveau/modifié sur la page ?

Sign in to participate in the conversation
Mastodon Epyisageek.net

The social network of the future: No ads, no corporate surveillance, ethical design, and decentralization! Own your data with Mastodon!