diff --git a/wagtail/wagtailadmin/static/wagtailadmin/js/blocks/sequence.js b/wagtail/wagtailadmin/static/wagtailadmin/js/blocks/sequence.js index 52e85b5f3..386dabdcb 100644 --- a/wagtail/wagtailadmin/static/wagtailadmin/js/blocks/sequence.js +++ b/wagtail/wagtailadmin/static/wagtailadmin/js/blocks/sequence.js @@ -35,12 +35,15 @@ For example, they don't assume the presence of a 'delete' button - it's up to th self.container.fadeOut(); }; self._markAdded = function() { - self.menu.addClass('stream-menu-closed'); self.container.hide(); self.container.slideDown(); - + + self.hideMenu(); + // focus first suitable input found - $('.input input,.input textarea,.input .richtext', self.container).first().focus(); + var timeout = setTimeout(function(){ + $('.input input,.input textarea,.input .richtext', self.container).first().focus(); + }, 10) }; self.getIndex = function() { return parseInt(indexField.val(), 10); @@ -73,7 +76,8 @@ For example, they don't assume the presence of a 'delete' button - it's up to th var members = []; self.menu = countField.siblings('.stream-menu'); - self.menu.click(function(){ + self.menu.click(function(e){ + e.preventDefault(); self.toggleMenu(); }); diff --git a/wagtail/wagtailadmin/static/wagtailadmin/scss/layouts/page-editor.scss b/wagtail/wagtailadmin/static/wagtailadmin/scss/layouts/page-editor.scss index ede60e89c..bf42743da 100644 --- a/wagtail/wagtailadmin/static/wagtailadmin/scss/layouts/page-editor.scss +++ b/wagtail/wagtailadmin/static/wagtailadmin/scss/layouts/page-editor.scss @@ -181,6 +181,10 @@ &.stream-field { padding:0; + label{ + text-transform:capitalize; + } + &.required .field > label:after{ display:none; } @@ -212,7 +216,7 @@ .sequence-member-inner{ @include clearfix; position:relative; - padding:0em 50px 1em 50px; + padding:1.5em 50px; > .sequence .sequence-inner{ @include column(10); @@ -220,10 +224,6 @@ padding-right:0; } - .sequence-member-inner{ - padding:0 0 1em 0; - } - > .struct-block > label, > .char_field > label, .sequence > label{ @@ -262,21 +262,47 @@ padding-bottom:1.2em; } - .struct-block .char_field > label{ + .struct-block .widget-text_input > label{ display:none; } - input[type=text], input[type=url], input[type=email], input[type=numeric], .richtext, textarea{ + .widget-text_input input, .richtext, textarea{ border:0; - padding-left:0; - padding-right:0; + padding:0; background-color:transparent; max-width:1024px; } - .richtext.inEditMode{ - padding-top:1em; - padding-bottom:1em; + .widget-admin_image_chooser{ + label{ + display:none; + } + .field-content{ + display:block; + float:none; + width:100%; + text-align:center; + max-width:500px; + margin:auto; + border:1px solid $color-grey-4; + padding:1em; + } + .chooser{ + .chosen{ + padding:0; + } + .unchosen{ + &:before{ + float:none; + font-size:4em; + margin:0; + } + } + .preview-image{ + float:none; + margin:0; + } + } } } @@ -314,7 +340,6 @@ @include box-shadow(inset 0 0 45px rgba(0,0,0,0.3)); position:relative; background-color:$color-grey-1; - border-top:1px solid transparent; opacity:1; z-index:5; @@ -417,7 +442,6 @@ &.stream-menu-closed{ @include box-shadow(none); height:0px; - border-top:1px solid lighten($color-grey-4, 3%); .toggle{ color:$color-grey-3; diff --git a/wagtail/wagtailadmin/templates/wagtailadmin/block_forms/field.html b/wagtail/wagtailadmin/templates/wagtailadmin/block_forms/field.html index d1664240d..cb0d4d4a2 100644 --- a/wagtail/wagtailadmin/templates/wagtailadmin/block_forms/field.html +++ b/wagtail/wagtailadmin/templates/wagtailadmin/block_forms/field.html @@ -1,5 +1,5 @@ {% load wagtailadmin_tags %} -