Commit a41034ce authored by Igor Oliveira's avatar Igor Oliveira Committed by Georg Koppen
Browse files

Bug 28093: Update donation banner style to make it fit in small screens

parent 61deb44d

src/chrome/skin/aboutTor.css

+27 −0
Original line number Diff line number Diff line
@@ -431,3 +431,30 @@ body[mobile] .top .heading1 { 
  font-size: 62px;

  line-height: 1.1

}



body[mobile] #donation-banner {

  position: static;

}



body[mobile][show-donation-banner="true"] .torcontent-container,

body[mobile][show-donation-banner="true"] .onion-pattern-container {

  transform: none;

}



body[mobile][show-donation-banner="false"] .torcontent-container {

  transform: translateY(-200px);

}



@media only screen and (max-width: 480px) {

  #donation-banner-image {

    display: none;

  }



  #donation-banner-lines {

    align-items: stretch;

  }



  #donation-banner-button {

    text-align: center;

  }

}