Hopiu/wagtail
1
0
Fork 0
mirror of https://github.com/Hopiu/wagtail.git synced 2026-05-11 16:53:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

jqui smoothness no longer required. minor updates to date picker and added datepicker and timepicker to styleguide

Browse source
This commit is contained in:
Dave Cranwell 2014-05-08 17:38:00 +01:00
parent cd702d99de
commit c20b544b31
5 changed files with 29 additions and 1182 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
wagtail/wagtailadmin/static/wagtailadmin/js/page-editor.js
View file

@ -65,7 +65,6 @@ function initDateChoosers(context) {
constrainInput: false, /* showOn: 'button', */ firstDay: 1
});
}
}
function initFriendlyDateChooser(id) {
$('#' + id).datepicker({

4
wagtail/wagtailadmin/static/wagtailadmin/scss/layouts/styleguide.scss
View file

@ -89,4 +89,8 @@ section{
.icon-spinner:after{
position:absolute;
}
}
.timepicker{
height:150px;
}

8
wagtail/wagtailadmin/static/wagtailadmin/scss/vendor/jquery-ui/jquery-ui-1.10.3.verdant.css vendored
View file

@ -1140,25 +1140,25 @@ body .ui-tooltip {
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 0;
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 0;
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 0;
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 0;
border-bottom-right-radius: 3px;
}
/* Overlays */

1177
wagtail/wagtailadmin/static/wagtailadmin/scss/vendor/jquery-ui/jquery-ui-smoothness.css vendored
View file

File diff suppressed because it is too large Load diff

21
wagtail/wagtailadmin/templates/wagtailadmin/styleguide/base.html
View file

@ -247,6 +247,15 @@
<li><input type="submit" value="{% trans 'Save' %}" /><a href="#" class="button button-secondary no">{% trans "Delete image" %}</a></li>
</ul>
</form>
<h3>Date picker</h3>
<div class="datepicker"></div>
<h3>Time picker</h3>
<div class="timepicker"></div>
<p>TODO: Rich text</p>
<p>TODO: page chooser</p>
<p>TODO: image chooser</p>
@ -381,4 +390,16 @@
</div>
{% endblock %}
{% block extra_js %}
<script>
$(function(){
$('.datepicker').datepicker();
$('.timepicker').timepicker();
$('.timepicker').timepicker('show');
})
</script>
{% endblock %}