Mercurial > piecrust2
changeset 627:6c205066067a
admin: Fix responsive layout.
* Use a fluid Bootstrap container to not get pops, and prevent problems with
the side navigation messing up widths.
* Fix button layout on the edit page view.
| author | Ludovic Chabant <ludovic@chabant.com> |
|---|---|
| date | Mon, 08 Feb 2016 23:27:41 -0800 |
| parents | a1697b1066bc |
| children | 14c51f5accc9 |
| files | foodtruck/templates/edit_page.html foodtruck/templates/layouts/master.html |
| diffstat | 2 files changed, 5 insertions(+), 5 deletions(-) [+] |
line wrap: on
line diff
--- a/foodtruck/templates/edit_page.html Mon Feb 08 23:26:05 2016 -0800 +++ b/foodtruck/templates/edit_page.html Mon Feb 08 23:27:41 2016 -0800 @@ -5,7 +5,7 @@ {% block content %} <form action="{{url_postback}}" method="POST" class="ft-write-form" id="ft-write-form"> <div class="row"> - <div class="col-md-10 col-md-offset-1"> + <div class="col-sm-10 col-sm-offset-1"> <div class="form-group"> <textarea name="page_text" class="form-control" placeholder="Post contents..." rows="20">{{page_text}}</textarea> </div> @@ -15,12 +15,12 @@ <input type="hidden" name="is_dos_nl" value="{{is_dos_nl}}" /> <div class="row"> - <div class="col-md-8 col-md-offset-1"> + <div class="col-sm-6 col-sm-offset-1 col-xs-8"> <button type="submit" formtarget="_blank" name="do_preview" class="btn btn-info">Preview</button> <a class="btn btn-danger" href="{{url_cancel}}">Cancel</a> </div> - <div class="col-md-2"> - <div class="btn-group"> + <div class="col-sm-4 col-xs-4"> + <div class="btn-group pull-right"> <button type="submit" name="do_save" class="btn btn-primary">Save</button> <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="caret"></span>
--- a/foodtruck/templates/layouts/master.html Mon Feb 08 23:26:05 2016 -0800 +++ b/foodtruck/templates/layouts/master.html Mon Feb 08 23:27:41 2016 -0800 @@ -11,7 +11,7 @@ <link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/> </head> <body> - <div id="ft-wrapper" class="container {{wrapper_classes}}"> + <div id="ft-wrapper" class="container-fluid {{wrapper_classes}}"> <header> {% if title %}<h1 class="title">{{title}}</h1>{% endif %} {% block sub_header %}{% endblock %}