Switch from floating windows and clearfix to flex and justify-content: space-between

This commit is contained in:
Henrik Giesel 2021-01-22 11:37:11 +01:00
parent 0c35d30979
commit 97f8f1b89e
2 changed files with 10 additions and 8 deletions

View file

@ -33,7 +33,11 @@ body {
margin: 0; margin: 0;
} }
#topbutsOuter { #topbuts {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: sticky; position: sticky;
top: 0; top: 0;
left: 0; left: 0;

View file

@ -72,14 +72,12 @@ audio = (
_html = """ _html = """
<style> <style>
html { background: %s; } html { background: %s; }
#topbutsOuter { background: %s; } #topbuts { background: %s; }
</style> </style>
<div> <div>
<div id="topbutsOuter"> <div id="topbuts">
<div id="topbuts" class="clearfix">
%s %s
</div> </div>
</div>
<div id="fields"> <div id="fields">
</div> </div>
</div> </div>
@ -206,10 +204,10 @@ class Editor:
righttopbtns = runFilter("setupEditorButtons", righttopbtns, self) righttopbtns = runFilter("setupEditorButtons", righttopbtns, self)
topbuts = """ topbuts = """
<div id="topbutsleft" style="float:left;"> <div id="topbutsleft">
%(leftbts)s %(leftbts)s
</div> </div>
<div id="topbutsright" style="float:right;"> <div id="topbutsright">
%(rightbts)s %(rightbts)s
</div> </div>
""" % dict( """ % dict(