Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

FIX: banner on small desktop screen

This commit is contained in:
Régis Hanol 2014-08-20 22:45:57 +02:00
parent 5f0b8e3d93
commit b2232b4dcf
2 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/javascripts/discourse/templates/components/discourse-banner.js.handlebars
View File

@ -1,8 +1,10 @@
{{#if visible}} {{#if visible}}
<div id="banner" {{bind-attr class="overlay"}}> <div class="row">
<div id="banner-content"> <div id="banner" {{bind-attr class="overlay"}}>
<div class="close" {{action dismiss}}><i class="fa fa-times" title="{{i18n banner.close}}"></i></div> <div id="banner-content">
{{{banner.html}}} <div class="close" {{action dismiss}}><i class="fa fa-times" title="{{i18n banner.close}}"></i></div>
{{{banner.html}}}
</div>
</div> </div>
</div> </div>
{{/if}} {{/if}}

9
app/assets/stylesheets/desktop/banner.scss
View File

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