fix: bootstrap toolbar more responsive

enjoy-software · enjoy-software · commit 6e8aa28584d4 · 2022-03-29T01:56:08.000+08:00
diff --git a/martor/static/martor/css/martor.bootstrap.css b/martor/static/martor/css/martor.bootstrap.css
@@ -32,10 +32,7 @@ body.overflow {
 }
 
 .martor-toolbar {
-  position: absolute;
   z-index: 100;
-  right: 0;
-  top: 0;
 }
 .enable-living .martor-toolbar {
   position: relative;
diff --git a/martor/templates/martor/bootstrap/toolbar.html b/martor/templates/martor/bootstrap/toolbar.html
@@ -1,7 +1,7 @@
 {% load i18n %}
 
-<div class="btn-toolbar float-end martor-toolbar" role="toolbar" aria-label="{% trans 'Martor Toolbar Buttons' %}">
-  <div class="btn-group btn-group-sm" role="group" aria-label="First group">
+<div class="btn-toolbar float-end martor-toolbar ms-lg-auto" role="toolbar" aria-label="{% trans 'Martor Toolbar Buttons' %}">
+  <div class="btn-group btn-group-sm flex-wrap" role="group" aria-label="First group">
 
     {% if 'bold' in toolbar_buttons %}
       <span class="btn btn-light markdown-selector markdown-bold" title="{% trans 'Bold' %} (Ctrl+B)">

Original file line number	Diff line number	Diff line change
`@@ -32,10 +32,7 @@ body.overflow {`
`32`	`32`	`}`
`33`	`33`
`34`	`34`	`.martor-toolbar {`
`35`		`- position: absolute;`
`36`	`35`	`z-index: 100;`
`37`		`- right: 0;`
`38`		`- top: 0;`
`39`	`36`	`}`
`40`	`37`	`.enable-living .martor-toolbar {`
`41`	`38`	`position: relative;`