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

Use explicit flex styles for grid-tools element

Browse source 
and so, must ensure children of grid-tools are atomic elements
This commit is contained in:
Lance Edgar 2024-04-25 15:41:06 -05:00
parent 23e6eef604
commit bfe6b5bc25
3 changed files with 138 additions and 131 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
tailbone/static/css/grids.css
View file

@ -25,6 +25,11 @@
margin: 0; margin: 0;
} }
.grid-tools {
display: flex;
gap: 0.5rem;
}
.grid-wrapper .grid-header td.tools { .grid-wrapper .grid-header td.tools {
margin: 0; margin: 0;
padding: 0; padding: 0;

2
tailbone/templates/grids/complete.mako
View file

@ -28,7 +28,7 @@
<div class="grid-tools-wrapper"> <div class="grid-tools-wrapper">
% if tools: % if tools:
<div class="grid-tools field buttons is-grouped is-pulled-right"> <div class="grid-tools">
## TODO: stop using |n filter ## TODO: stop using |n filter
${tools|n} ${tools|n}
</div> </div>

2
tailbone/templates/master/index.mako
View file

@ -43,6 +43,7 @@
## download search results ## download search results
% if master.results_downloadable and master.has_perm('download_results'): % if master.results_downloadable and master.has_perm('download_results'):
<div>
<b-button type="is-primary" <b-button type="is-primary"
icon-pack="fas" icon-pack="fas"
icon-left="download" icon-left="download"
@ -187,6 +188,7 @@
</footer> </footer>
</div> </div>
</b-modal> </b-modal>
</div>
% endif % endif
## download rows for search results ## download rows for search results