Fit text horizontally #182

Activity

1. elpraga commented on Mar 27, 2018

   

   elpraga

   on Mar 27, 2018

   More actions

   Could this be related to #177 ?
2. bszente commented on Mar 28, 2018

   

   bszente

   on Mar 28, 2018

   Author

   More actions

   I don't know if this is related to your issue. Can you please test, if removing this line from CSS fixes the rendering on Android?
3. elpraga commented on Mar 28, 2018

   

   elpraga

   on Mar 28, 2018

   More actions

   I just tried that. It didn't fix my problem. Thanks for your help!
4. camilasan

   added

   enhancementNew feature or requestNew feature or request

   good first issueShould be easy to implementShould be easy to implement

   on May 4, 2018
5. jancborchardt commented on Jun 4, 2018

   

   jancborchardt

   on Jun 4, 2018

   Member

   More actions

   Right, on big screens it indeed looks a bit strange as it’s all left-aligned.

   The reason we limit the width though is for legibility, see https://en.wikipedia.org/wiki/Line_length

   So we should add some CSS with a media query for big screen widths to properly center the content:

   #app-content-container {
       text-align: center;
   }
   
   .CodeMirror {
       display: inline-block;
       text-align: center;
       margin-right: 125px; /* half of the app-navigation width, to offset a bit to the left so it’s centered related to viewport */
   }
   
6. jancborchardt

   changed the title [-]Fit text horizontally: please remove the "max-width: 47em" from CSS[/-] [+]Fit text horizontally[/+] on Jun 4, 2018
7. jancborchardt

   self-assigned this

   on Jun 4, 2018
8. jancborchardt

   added this to the 2.4.0This milestone has been deleted milestone on Jun 4, 2018
9. korelstar

   added

   designRelated to the design or user experienceRelated to the design or user experience

   on Nov 18, 2018
10. korelstar

    removed this from the M1 – 🐛 Detail fixesThis milestone has been deleted milestone on Dec 21, 2018
11. korelstar

    added this to the 3.0.0 milestone on May 18, 2019
12. korelstar

    closed this as completedin #290on May 22, 2019