John_Livingston, French
@John_Livingston@mamot.fr avatar

Hey, parmis les spécialistes des CSS, quelqu'un saurait me dire quelle propriété peut expliquer qu'il manque le symbole de "dropdown" à droite d'un champs "select" ?

edit: trouvé

shalien,
@shalien@projetretro.io avatar

@John_Livingston

Les éléments suivants sont définis sur none ?
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;

John_Livingston,
@John_Livingston@mamot.fr avatar

@shalien
C'était bien juste un "appearance: none", qui sors d'un endroit qui reste à déterminer.

shalien,
@shalien@projetretro.io avatar

@John_Livingston Je ne reconnais le kit css utilisé mais je sais que le "preflight" de Tailwind CSS reset les styles à des valeurs qu'ils jugent "par défaut" afin d'uniformiser l'aspect sur les différents navs .

John_Livingston,
@John_Livingston@mamot.fr avatar

Ok, trouvé ! C'est "appearance: none" qui est responsable. Me reste juste à trouver d'où viens cet effet de bord dans mon cas.

jor,
@jor@eldritch.cafe avatar

@John_Livingston Ah les joies du CSS. 😐

toniours,
@toniours@tooter.social avatar
jor,
@jor@eldritch.cafe avatar

@toniours @John_Livingston Technologie au départ inventée par la CIA comme outil de torture. 😐

toniours,
@toniours@tooter.social avatar

@jor @John_Livingston Oui et reprise par les russes pour des crimes de guerre en masse.

John_Livingston,
@John_Livingston@mamot.fr avatar

@toniours
D'ailleurs, dans CSS il y a SS.... Je ne vois pas quoi rajouter.

@jor

toniours,
@toniours@tooter.social avatar

@John_Livingston nous sachions @jor

John_Livingston,
@John_Livingston@mamot.fr avatar

@jor
Exact ! Merci de le rappeler !

@toniours

John_Livingston,
@John_Livingston@mamot.fr avatar

@jor
Et des rumeurs prétendent que certaines personnes l'ont détourné pour essayer de forcer à écouter des podcasts. Mais cela reste des rumeurs...

@toniours

John_Livingston,
@John_Livingston@mamot.fr avatar

Mais c'est curieux... Dans Peertube j'ai bien un symbole, qui n'est pas le standard du navigateur.
Seulement je ne trouve pas d'où il sort. (il n'y a pas de background-image)

John_Livingston,
@John_Livingston@mamot.fr avatar

C'est ce bout de CSS qui gère l'image du triangle sur les select de Peertube:
https://github.com/Chocobozzz/PeerTube/blob/46b45dc51dad7173d94667733f52aea8e484ea0c/client/src/sass/include/_mixins.scss#L391-L403

Mais je n'arrive pas à comprendre comment ça fait un triangle ça. Y'a un truc qui m'échappe....

joachim,
@joachim@boitam.eu avatar

@John_Livingston a priori c’est un triangle fait avec une border, voilà le fonctionnement : https://juliencrego.com/astuces/comment-faire-un-triangle-en-css/

John_Livingston,
@John_Livingston@mamot.fr avatar

@joachim

Oui ! Je viens de comprendre !

J'ai changé la couleur sur le border, et là mon cerveau a compris. C'est tellement astucieux !

John_Livingston,
@John_Livingston@mamot.fr avatar

@joachim
Par contre, le dev en moi est toujours effaré par l'extrême inefficacité de ce genre d'astuces CSS...

(définir un objet à 4 bordures, pour n'en afficher qu'une...)

  • All
  • Subscribed
  • Moderated
  • Favorites
  • random
  • DreamBathrooms
  • ngwrru68w68
  • modclub
  • magazineikmin
  • thenastyranch
  • rosin
  • khanakhh
  • InstantRegret
  • Youngstown
  • slotface
  • Durango
  • kavyap
  • mdbf
  • GTA5RPClips
  • JUstTest
  • tacticalgear
  • normalnudes
  • tester
  • osvaldo12
  • everett
  • cubers
  • ethstaker
  • anitta
  • provamag3
  • Leos
  • cisconetworking
  • megavids
  • lostlight
  • All magazines