FIX: banner on small desktop screen

2014-08-20 22:45:57 +02:00 · 2014-08-20 22:45:57 +02:00 · b2232b4dcf
parent 5f0b8e3d93
commit b2232b4dcf
2 changed files with 15 additions and 4 deletions
--- a/app/assets/javascripts/discourse/templates/components/discourse-banner.js.handlebars
+++ b/app/assets/javascripts/discourse/templates/components/discourse-banner.js.handlebars
@ -1,8 +1,10 @@
 {{#if visible}}
+  <div class="row">
    <div id="banner" {{bind-attr class="overlay"}}>
      <div id="banner-content">
        <div class="close" {{action dismiss}}><i class="fa fa-times" title="{{i18n banner.close}}"></i></div>
        {{{banner.html}}}
      </div>
    </div>
+  </div>
 {{/if}}
--- a/app/assets/stylesheets/desktop/banner.scss
+++ b/app/assets/stylesheets/desktop/banner.scss
@ -4,5 +4,14 @@

 #banner {
  margin-bottom: 10px;
+}
+
+@media all
+and (min-width: 1090px) {
  width: 1090px;
 }
+
+@media all
+and (max-width: 1090px) {
+  width: 100%;
+}