Skip to content

D
django-rest-framework
Commit 2fb6fa2d by Michael Elovskikh
Options

Minimal forms appearance improvements

parent 533e4723
Showing with 19 additions and 8 deletions
rest_framework/static/rest_framework/css/default.css
...@@ -150,6 +150,17 @@ html, body { ...@@ -150,6 +150,17 @@ html, body {
margin: 0 auto -60px; margin: 0 auto -60px;
} }
.form-switcher {
margin-bottom: 0;
}
.tab-content {
padding-top: 25px;
background: #fff;
border: 1px solid #ddd;
border-top: none;
border-radius: 0 0 4px 4px;
}
#footer, #push { #footer, #push {
height: 60px; /* .push must be the same height as .footer */ height: 60px; /* .push must be the same height as .footer */
......
rest_framework/static/rest_framework/js/default.js
...@@ -4,4 +4,4 @@ $('.js-tooltip').tooltip({ ...@@ -4,4 +4,4 @@ $('.js-tooltip').tooltip({
delay: 1000 delay: 1000
}); });
$('#form-switcher a:first').tab('show'); $('.form-switcher a:first').tab('show');
\ No newline at end of file \ No newline at end of file
rest_framework/templates/rest_framework/base.html
...@@ -125,11 +125,11 @@ ...@@ -125,11 +125,11 @@
{% if post_form %} {% if post_form %}
<div class="well"> <div class="well">
<ul class="nav nav-pills" id="form-switcher"> <ul class="nav nav-tabs form-switcher">
{% if post_form %} {% if post_form %}
<li><a href="#object-form" data-toggle="pill">Object form</a></li> <li><a href="#object-form" data-toggle="tab">HTML</a></li>
{% endif %} {% endif %}
<li><a href="#generic-content-form" data-toggle="pill">Generic content form</a></li> <li><a href="#generic-content-form" data-toggle="tab">Generic content</a></li>
</ul> </ul>
<div class="tab-content"> <div class="tab-content">
{% if post_form %} {% if post_form %}
...@@ -164,11 +164,11 @@ ...@@ -164,11 +164,11 @@
{% if 'PUT' in allowed_methods or 'PATCH' in allowed_methods %} {% if 'PUT' in allowed_methods or 'PATCH' in allowed_methods %}
<div class="well"> <div class="well">
<ul class="nav nav-pills" id="form-switcher"> <ul class="nav nav-tabs form-switcher">
{% if put_form %} {% if put_form %}
<li><a href="#object-form" data-toggle="pill">Object form</a></li> <li><a href="#object-form" data-toggle="tab">HTML</a></li>
{% endif %} {% endif %}
<li><a href="#generic-content-form" data-toggle="pill">Generic content form</a></li> <li><a href="#generic-content-form" data-toggle="tab">Generic content</a></li>
</ul> </ul>
<div class="tab-content"> <div class="tab-content">
{% if put_form %} {% if put_form %}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment