Comment changer la "roue crantée" du chargement?

[eeBud]

Bonjour!

Je réalise le design pour mon smartphone.
J'arrive à la fin, et j'avoue que la "roue crantée verte" du chargement de Jeedom qui n'apparaît pas centrée sur mon téléphone me stress un peu.
Serait-il possible de la modifier? Je pense que ça vient de sa taille qui est trop grosse pour le format de mon écran.

Merci d'avance pour votre aide.

[eeBud]

Non? Personne ne sait?

[winhex]

bonjour
par rien
viewtopic.php?f=50&t=15104&p=518821&hilit=roue#p518821

par un autre truc (on est quand même limité)
j'efface "opacity" le fa-cog (la roue) et fa-spin (qui tourne)

et juste avant (before j'en ajoute un autre)
avec une annimation de couleur

Code : Tout sélectionner

.fa-cog {
  opacity: 0.0; 
 /** ou display: none !important; **/
       }
i.fa-cog.fa-spin {
  animation-play-state: paused;
}       
       
.fa-cog:before {
      top: -2em;
    left: -7.5em;
    width: 100%;
    height: 100%;
  content: "\f110";
  position: fixed;
    color:red; 
  font-size: 66px;
  
  -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
  animation-name: example;
  animation-duration: 3s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
  from {color: red;}
  to {color: yellow;}
}

/* Standard syntax */
@keyframes example {
  from {color: red;}
  to {color: yellow;}
}
 

Après que pour un design dans un html tu peux aller plus loin en script par un remove class et add class

[maxland]

Bonjour,
@winnex, je ne vois pas où il faut coller le bout de code que tu indiques dans le lien, pour ne pas afficher la roue ?

[winhex]

personnalisation avancée

Screenshot_20191116-094306_Chrome.jpg (107.38 Kio) Consulté 2735 fois

ou tu créés un html dans ton design
au lieu du texte

<style>
// le code
</style>

[maxland]

Cool, merci...

[eeBud]

Bonjour!
Merci bien pour ta réponse!
Le souci est lorsque l'on modifie l'icone dans la personnalisation avancée, l'icône est modifiée partout.
Mais je pense que ça peut répondre à mon besoin!

Après que pour un design dans un html tu peux aller plus loin en script par un remove class et add class

Cette solution pourrait être intéressante, surtout que j'ai dejà une petite animation que j'aime bien. Mais j'ai peur de faire n'importe quoi dans la personnalisation avancée...
Tu peux me dire comment faire le remove class et add class?

Merci d'avance!

[winhex]

ça ne sera pas parfait
le css se lit avant la construction de la page
le js pendant

le js alourdi le temps d'accès

c'est risqué
dans un html design se sera que le design qui peut être corrompu

je regarderai plus tard (un souhait) mais sans promesse de resultat