Invoice public notes is too wide on narrow screen

This commit is contained in:
Hillel Coren 2017-07-04 12:53:21 +03:00
parent b9f09899b2
commit 1e1e257415
4 changed files with 15 additions and 9 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1098,7 +1098,7 @@ div.panel-body div.panel-body {
} }
.invoice-table #document-upload{ .invoice-table #document-upload{
width:550px; width: 100%;
} }
#document-upload .dropzone{ #document-upload .dropzone{

View File

@ -281,21 +281,24 @@
@endif @endif
</ul> </ul>
<div class="tab-content"> {{ Former::setOption('TwitterBootstrap3.labelWidths.large', 0) }}
<div role="tabpanel" class="tab-pane active" id="public_notes" style="padding-bottom:44px"> {{ Former::setOption('TwitterBootstrap3.labelWidths.small', 0) }}
<div class="tab-content" style="padding-right:12px;max-width:650px;">
<div role="tabpanel" class="tab-pane active" id="public_notes" style="padding-bottom:44px;">
{!! Former::textarea('public_notes') {!! Former::textarea('public_notes')
->data_bind("value: public_notes, valueUpdate: 'afterkeydown'") ->data_bind("value: public_notes, valueUpdate: 'afterkeydown'")
->label(null)->style('width: 550px')->rows(4) !!} ->label(null)->style('width: 100%')->rows(4)->label(null) !!}
</div> </div>
<div role="tabpanel" class="tab-pane" id="private_notes" style="padding-bottom:44px"> <div role="tabpanel" class="tab-pane" id="private_notes" style="padding-bottom:44px">
{!! Former::textarea('private_notes') {!! Former::textarea('private_notes')
->data_bind("value: private_notes, valueUpdate: 'afterkeydown'") ->data_bind("value: private_notes, valueUpdate: 'afterkeydown'")
->label(null)->style('width: 550px')->rows(4) !!} ->label(null)->style('width: 100%')->rows(4) !!}
</div> </div>
<div role="tabpanel" class="tab-pane" id="terms"> <div role="tabpanel" class="tab-pane" id="terms">
{!! Former::textarea('terms') {!! Former::textarea('terms')
->data_bind("value:terms, placeholder: terms_placeholder, valueUpdate: 'afterkeydown'") ->data_bind("value:terms, placeholder: terms_placeholder, valueUpdate: 'afterkeydown'")
->label(false)->style('width: 550px')->rows(4) ->label(false)->style('width: 100%')->rows(4)
->help('<div class="checkbox"> ->help('<div class="checkbox">
<label> <label>
<input name="set_default_terms" type="checkbox" style="width: 24px" data-bind="checked: set_default_terms"/>'.trans('texts.save_as_default_terms').' <input name="set_default_terms" type="checkbox" style="width: 24px" data-bind="checked: set_default_terms"/>'.trans('texts.save_as_default_terms').'
@ -308,7 +311,7 @@
<div role="tabpanel" class="tab-pane" id="footer"> <div role="tabpanel" class="tab-pane" id="footer">
{!! Former::textarea('invoice_footer') {!! Former::textarea('invoice_footer')
->data_bind("value:invoice_footer, placeholder: footer_placeholder, valueUpdate: 'afterkeydown'") ->data_bind("value:invoice_footer, placeholder: footer_placeholder, valueUpdate: 'afterkeydown'")
->label(false)->style('width: 550px')->rows(4) ->label(false)->style('width: 100%')->rows(4)
->help('<div class="checkbox"> ->help('<div class="checkbox">
<label> <label>
<input name="set_default_footer" type="checkbox" style="width: 24px" data-bind="checked: set_default_footer"/>'.trans('texts.save_as_default_footer').' <input name="set_default_footer" type="checkbox" style="width: 24px" data-bind="checked: set_default_footer"/>'.trans('texts.save_as_default_footer').'
@ -342,6 +345,9 @@
</div> </div>
</div> </div>
{{ Former::setOption('TwitterBootstrap3.labelWidths.large', 4) }}
{{ Former::setOption('TwitterBootstrap3.labelWidths.small', 4) }}
</td> </td>
<td class="hide-border" style="display:none" data-bind="visible: $root.invoice_item_taxes.show"/> <td class="hide-border" style="display:none" data-bind="visible: $root.invoice_item_taxes.show"/>
<td colspan="{{ $account->hide_quantity ? 1 : 2 }}">{{ trans('texts.subtotal') }}</td> <td colspan="{{ $account->hide_quantity ? 1 : 2 }}">{{ trans('texts.subtotal') }}</td>