WIP
This commit is contained in:
parent
4dddccdf46
commit
293fa1d63a
5 changed files with 13 additions and 9 deletions
8
app/assets/stylesheets/campaigns/common.css.scss
Normal file
8
app/assets/stylesheets/campaigns/common.css.scss
Normal file
|
@ -0,0 +1,8 @@
|
||||||
|
/* License: AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later */
|
||||||
|
|
||||||
|
body > .campaign-banner {
|
||||||
|
margin: auto;
|
||||||
|
width: 980px;
|
||||||
|
max-height: 120px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
|
@ -6,18 +6,13 @@
|
||||||
@import 'components/simple_tabs';
|
@import 'components/simple_tabs';
|
||||||
@import 'pikaday';
|
@import 'pikaday';
|
||||||
@import 'common/image_uploader';
|
@import 'common/image_uploader';
|
||||||
|
@import '../common';
|
||||||
|
|
||||||
body {
|
body {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
background: $fog;
|
background: $fog;
|
||||||
}
|
}
|
||||||
|
|
||||||
body > .campaign-banner {
|
|
||||||
margin: auto;
|
|
||||||
width: 980px;
|
|
||||||
max-height: 120px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
main {
|
main {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
|
@ -13,6 +13,7 @@
|
||||||
@import 'components/draggable';
|
@import 'components/draggable';
|
||||||
@import 'gift_levels';
|
@import 'gift_levels';
|
||||||
@import '../../nonprofits/donation_form/form';
|
@import '../../nonprofits/donation_form/form';
|
||||||
|
@import '../common';
|
||||||
|
|
||||||
.button--gift {
|
.button--gift {
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
|
|
||||||
<fieldset class='u-centered'>
|
<fieldset class='u-centered'>
|
||||||
<p>Select and upload a banner image for this page.</p>
|
<p>Select and upload a banner image for this page.</p>
|
||||||
<p class='u-marginBottom--20'>For best results, the image should be <strong>1000px by 120px</strong> in size.</p>
|
<p class='u-marginBottom--20'>For best results, the image should be <strong>980px by 120px</strong> in size.</p>
|
||||||
<form autosubmit action='<%= end_point %>' method='put' data-reload>
|
<form autosubmit action='<%= end_point %>' method='put' data-reload>
|
||||||
<div class='image-upload image-upload--banner' style='background-image:url(<%= image_url ? image_url : '' %>)'>
|
<div class='image-upload image-upload--banner' style='background-image:url(<%= image_url ? image_url : '' %>)'>
|
||||||
<span><i class='fa fa-image'></i> Select</span>
|
<span><i class='fa fa-image'></i> Select</span>
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
|
|
||||||
<header class="container fundraisingHeader--plain" <%= css_style.html_safe %> id='js-fundraisingHeader'>
|
<header class="container fundraisingHeader--plain" <%= css_style.html_safe %> id='js-fundraisingHeader'>
|
||||||
<% if banner_image_url %>
|
<% if banner_image_url %>
|
||||||
<div class='campaign-banner'>
|
<div class='campaign-banner u-margin'>
|
||||||
<img src='<%= banner_image_url %>'>
|
<img src='<%= banner_image_url %>'>
|
||||||
</div>
|
</div>
|
||||||
<% end %>
|
<% end %>
|
||||||
|
@ -21,4 +21,4 @@
|
||||||
</section>
|
</section>
|
||||||
<% end %>
|
<% end %>
|
||||||
</header>
|
</header>
|
||||||
<!-- partial end: fundaising_pages/_header -->
|
<!-- partial end: fundraising_pages/_header -->
|
||||||
|
|
Loading…
Reference in a new issue