aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorMichael Elovskikh2013-02-20 17:15:12 +0600
committerMichael Elovskikh2013-02-20 17:15:12 +0600
commit2fb6fa2dd3b336cc442e707dbb80a4d5616582a6 (patch)
tree0490c59267c8e3fe782ce12b2b0f5bf157ceacbf
parent533e47235210d735dbe68d96fb55460eca19be9b (diff)
downloaddjango-rest-framework-2fb6fa2dd3b336cc442e707dbb80a4d5616582a6.tar.bz2
Minimal forms appearance improvements
-rw-r--r--rest_framework/static/rest_framework/css/default.css11
-rw-r--r--rest_framework/static/rest_framework/js/default.js2
-rw-r--r--rest_framework/templates/rest_framework/base.html12
3 files changed, 18 insertions, 7 deletions
diff --git a/rest_framework/static/rest_framework/css/default.css b/rest_framework/static/rest_framework/css/default.css
index b2e41b99..73107527 100644
--- a/rest_framework/static/rest_framework/css/default.css
+++ b/rest_framework/static/rest_framework/css/default.css
@@ -150,6 +150,17 @@ html, body {
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 {
height: 60px; /* .push must be the same height as .footer */
diff --git a/rest_framework/static/rest_framework/js/default.js b/rest_framework/static/rest_framework/js/default.js
index bc5b0292..484a3bdf 100644
--- a/rest_framework/static/rest_framework/js/default.js
+++ b/rest_framework/static/rest_framework/js/default.js
@@ -4,4 +4,4 @@ $('.js-tooltip').tooltip({
delay: 1000
});
-$('#form-switcher a:first').tab('show'); \ No newline at end of file
+$('.form-switcher a:first').tab('show'); \ No newline at end of file
diff --git a/rest_framework/templates/rest_framework/base.html b/rest_framework/templates/rest_framework/base.html
index 9d47a2ed..2fe7b653 100644
--- a/rest_framework/templates/rest_framework/base.html
+++ b/rest_framework/templates/rest_framework/base.html
@@ -125,11 +125,11 @@
{% if post_form %}
<div class="well">
- <ul class="nav nav-pills" id="form-switcher">
+ <ul class="nav nav-tabs form-switcher">
{% 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 %}
- <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>
<div class="tab-content">
{% if post_form %}
@@ -164,11 +164,11 @@
{% if 'PUT' in allowed_methods or 'PATCH' in allowed_methods %}
<div class="well">
- <ul class="nav nav-pills" id="form-switcher">
+ <ul class="nav nav-tabs form-switcher">
{% 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 %}
- <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>
<div class="tab-content">
{% if put_form %}