encode/django-rest-framework
1
1
Fork 0
mirror of https://github.com/encode/django-rest-framework.git synced 2024-11-22 17:47:04 +03:00
Code Issues Packages Projects Releases Wiki Activity

Minimal forms appearance improvements

Browse Source
This commit is contained in:
Michael Elovskikh 2013-02-20 17:15:12 +06:00
parent 533e472352
commit 2fb6fa2dd3
3 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
rest_framework/static/rest_framework/css/default.css
View File

@ -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 */

2
rest_framework/static/rest_framework/js/default.js
View File

@ -4,4 +4,4 @@ $('.js-tooltip').tooltip({
delay: 1000
});
$('#form-switcher a:first').tab('show');
$('.form-switcher a:first').tab('show');

12
rest_framework/templates/rest_framework/base.html
View File

@ -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 %}