• Announcements

    • Thear

      Battle For Azeroth : Ouverture du royaume !   31/12/2014

      Le royaume Sethraliss ouvrira ses portes le samedi 16 mars 2019 à 14h00 CET. Prévenez vos amis et partez à l'aventure de cette nouvelle extension ! Pour toutes les infos, rendez-vous ici:  
    • Thear

      Battle For Azeroth - Guide de téléchargement   11/02/2015

      Voici le guide complet pour pouvoir rejoindre notre serveur Battle For Azeroth:  
    • Thear

      Recrutement Équipe Firestorm   23/05/2018

      Bonjour à tous et à toutes, l'équipe Firestorm est actuellement à la recherche de 3 nouveaux membres dans chacun de ses multiples pôles : Maîtres du Jeu, Modérateurs, Animateurs. 
      N'hésitez pas à vous rendre ici pour connaître les recrutements en cours : http://fr.forum.firestorm-servers.com/index.php?/forum/11-recrutements/

      Merci pour votre futur engagement au sein de l'équipe Firestorm.
    • Ouroboros

      Gamepoints.mx (Paypal)   09/07/2018

      Paypal est de retour sur Firestorm !  Pour plus d'informations : https://gamepoints.mx  
    • Skydosh

      Recrutement modérateurs   29/04/2019

      Bonjour, nous sommes actuellement à la recherche d'un modérateur ou d'une modératrice forum et Discord. Plus d'information dans la catégorie recrutement du forum.  
Poludo

[Accepté] Responsivity fix on the account page

2 posts in this topic

Bonsoir,

La page "Informations du compte" du site présente quelques défauts sur les devices qui ont moins de 640 pixels en largeur:
- La div qui contient la classe .block_shop_support garde une largeur de 620 pixels (rendant la page scrollable horizontalement).
- La div qui contient la classe .block_points garde une largeur de 320 pixels (rendu pas très propre).

Ci-dessous une correction de ces deux classes présentes dans la feuille de style "page_account.css" (l'ensemble du fichier édité est présent en pièce jointe):

.block_account .block_shop_support {
  max-width: 620px;
  min-height: 100px;
  background-color: rgba(0, 0, 0, 0.3);
  margin: 80px auto 0 auto;
  padding: 20px;
}

@media screen and (max-width:640px) {
  .block_account .block_shop_support {
    text-align: center;
  }
  .block_account .main_block .block_points {
    width: 300px;
    border: none;
    margin: 5px 0 0 0;
    border-radius: 3px 3px 0 0;
  }
}

 

Bonne soirée.

page_account.css

Edited by Poludo
1 person likes this

Share this post


Link to post
Share on other sites

Bonjour,

Bonne initiative de votre part, je vous en remercie et me hâte de faire la correction.
A l'avenir, si vous souhaitez proposer d'autres corrections n'hésitez pas à m'en faire part en MP directement !

Bon jeu à vous sur nos serveurs :)

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.