rattail/tailbone
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Fix layout issues for "object-helper" element

Browse source 
thanks flexbox!
This commit is contained in:
Lance Edgar 2018-11-30 17:53:00 -06:00
parent e100e0ea72
commit 358ac1592b
4 changed files with 63 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
tailbone/static/css/forms.css
View file

@ -8,23 +8,6 @@ div.form-wrapper {
} }
/******************************
* "object helper" panel
******************************/
.object-helper {
border: 1px solid black;
float: right;
margin-top: 1em;
padding: 1em;
width: 20em;
}
.object-helper-content {
margin-top: 1em;
}
/****************************** /******************************
* Forms * Forms
******************************/ ******************************/

14
tailbone/static/css/layout.css
View file

@ -151,6 +151,20 @@ body > #body-wrapper {
white-space: nowrap; white-space: nowrap;
} }
/******************************
* "object helper" panel
******************************/
.object-helper {
border: 1px solid black;
margin: 1em;
padding: 1em;
width: 20em;
}
.object-helper-content {
margin-top: 1em;
}
/****************************** /******************************
* Panels * Panels

14
tailbone/static/themes/bobcat/css/layout.css
View file

@ -124,6 +124,20 @@ header .level .theme-picker {
white-space: nowrap; white-space: nowrap;
} }
/******************************
* "object helper" panel
******************************/
.object-helper {
border: 1px solid black;
margin: 1em;
padding: 1em;
width: 20em;
}
.object-helper-content {
margin-top: 1em;
}
/* /\****************************** */ /* /\****************************** */
/* * Panels */ /* * Panels */

20
tailbone/templates/batch/view.mako
View file

@ -75,9 +75,13 @@
% endif % endif
</%def> </%def>
<ul id="context-menu"> <div style="display: flex; justify-content: space-between;">
${self.context_menu_items()}
</ul> <div class="form-wrapper">
${form.render(form_id='batch-form', buttons=capture(buttons))|n}
</div><!-- form-wrapper -->
<div style="display: flex; align-items: flex-start;">
% if status_breakdown is not Undefined and status_breakdown is not None: % if status_breakdown is not Undefined and status_breakdown is not None:
<div class="object-helper"> <div class="object-helper">
@ -101,9 +105,13 @@
</div> </div>
% endif % endif
<div class="form-wrapper"> <ul id="context-menu">
${form.render(form_id='batch-form', buttons=capture(buttons))|n} ${self.context_menu_items()}
</div><!-- form-wrapper --> </ul>
</div>
</div>
${rows_grid|n} ${rows_grid|n}