diff --git a/wagtail/wagtailadmin/static/wagtailadmin/css/components/formatters.less b/wagtail/wagtailadmin/static/wagtailadmin/css/components/formatters.less index 45407c89b..22c785f69 100644 --- a/wagtail/wagtailadmin/static/wagtailadmin/css/components/formatters.less +++ b/wagtail/wagtailadmin/static/wagtailadmin/css/components/formatters.less @@ -28,12 +28,36 @@ height:50px; } img{ + z-index:2; + position:relative; .border-radius(100%); + border:0; } - &:hover{ + &:hover:before{ + color:@color-teal; + border-color:@color-teal; + } + + &.small{ + vertical-align:middle; + margin:0 0.5em; + width:25px; + height:25px; + &:before{ - color:@color-teal; - border-color:@color-teal; + margin:1px 0 0 1px; + width:22px; + height:22px; + line-height:22px; + border-width:1px; + font-size:1em; + } + img{ + border:0; + } + &:hover:before{ + color:@color-grey-3; + border-color:@color-grey-3; } } } diff --git a/wagtail/wagtailadmin/static/wagtailadmin/css/components/forms.less b/wagtail/wagtailadmin/static/wagtailadmin/css/components/forms.less index d4ebc0916..a1d2e7a32 100644 --- a/wagtail/wagtailadmin/static/wagtailadmin/css/components/forms.less +++ b/wagtail/wagtailadmin/static/wagtailadmin/css/components/forms.less @@ -13,7 +13,7 @@ form { fieldset{ border:0; - padding:2em 0; + padding:0 0 2em 0; margin:0; /* position:relative; See if we can get away without this */ } @@ -71,10 +71,6 @@ input, textarea, select, .richtext, .tagit{ } } -.full .richtext{ - border:0; -} - input[type=radio],input[type=checkbox]{ .border-radius(0); cursor:pointer; @@ -288,7 +284,7 @@ input[type=submit], input[type=reset], input[type=button], .button, button{ .border-radius(2px); li{ - background-color: @color-grey-3; + background-color: @color-grey-2; float:left; cursor:pointer; margin-right:1px; diff --git a/wagtail/wagtailadmin/static/wagtailadmin/css/components/listing.less b/wagtail/wagtailadmin/static/wagtailadmin/css/components/listing.less index 850dba147..3abaf457a 100644 --- a/wagtail/wagtailadmin/static/wagtailadmin/css/components/listing.less +++ b/wagtail/wagtailadmin/static/wagtailadmin/css/components/listing.less @@ -326,7 +326,6 @@ ul.listing{ } } - .pagination{ text-align:center; p{ @@ -349,6 +348,12 @@ ul.listing{ } } +.listing.full-width + .pagination{ + margin-top: 3em; + border-top: 1px dashed #d9d9d9; + padding:2em 50px 0 50px; +} + @media screen and (min-width: @breakpoint-mobile){ .listing{ &.horiz > li{ diff --git a/wagtail/wagtailadmin/static/wagtailadmin/css/core.less b/wagtail/wagtailadmin/static/wagtailadmin/css/core.less index 2218cea6b..f989a3f01 100644 --- a/wagtail/wagtailadmin/static/wagtailadmin/css/core.less +++ b/wagtail/wagtailadmin/static/wagtailadmin/css/core.less @@ -29,6 +29,7 @@ body{ color:@color-text-base; overflow-x: hidden; position: relative; + background:@color-grey-5; &.reordering{ overflow:visible; @@ -387,20 +388,27 @@ header{ margin:0; } + .left, .right{ + width:50%; + } + .left{ float:left; - width:50%; .hasform &:first-child{ padding-bottom:0.5em; float:none; } - } - .second{ - clear:both; + .col{ + float:left; + margin-right:2em; + } + .search-bar input{ + width:auto; } .right{ + text-align:right; float:right; } @@ -414,6 +422,9 @@ header{ &.merged.no-border{ padding-bottom:0; } + &.hasform h1{ + margin-top:0.2em; + } } .page-explorer header{ @@ -428,8 +439,7 @@ footer{ background: rgba(0,0,0,0.7); position:fixed; bottom:0; - height:3.4em; - padding:0.3em; + padding:0.5em; width:90%; margin:0 5%; color:white; @@ -458,10 +468,11 @@ footer{ line-height:3.5em; font-size:0.85em; - span{ + p{ + margin:0; margin-right:@grid-gutter-width; - } - + white-space: nowrap; + } } } @@ -661,9 +672,7 @@ footer, .logo{ border-top:0; background-color:none; padding-top:0; - } - - + } #nav-toggle{ display:none; @@ -779,24 +788,17 @@ footer, .logo{ } @media screen and (min-width: @breakpoint-desktop-larger){ - body{ - margin:0; - background:#DDD; - } .wrapper{ - background-color:@color-grey-5; + /*background-color:@color-grey-5;*/ max-width:@breakpoint-desktop-larger; - margin:0 auto; + border-right:1px solid @color-grey-4; } .nav-wrapper{ - position:relative; - left:auto; .box-shadow(inset -6px 0px 4px 0px rgba(0, 0, 0, 0.2)); .inner{ background:@color-grey-1; .box-shadow(inset -6px 0px 4px 0px rgba(0, 0, 0, 0.2)); - } } diff --git a/wagtail/wagtailadmin/static/wagtailadmin/css/layouts/page-editor.less b/wagtail/wagtailadmin/static/wagtailadmin/css/layouts/page-editor.less index b788d61e5..1416aa4b8 100644 --- a/wagtail/wagtailadmin/static/wagtailadmin/css/layouts/page-editor.less +++ b/wagtail/wagtailadmin/static/wagtailadmin/css/layouts/page-editor.less @@ -1,8 +1,8 @@ @import "../variables.less"; @import "../mixins.less"; @import "../grid.less"; -.page-editor .content{ - padding-bottom:5em; +.page-editor .content-wrapper{ + margin-bottom:10em; } .object{ background:url(/static/wagtailadmin/images/bg-editor-diag.svg); @@ -60,7 +60,7 @@ > h2, &.single-field label{ -webkit-font-smoothing: auto; .border-radius(2px); - background-color:lighten(@color-grey-4, 5%); + background-color:@color-grey-3; // lighten(@color-grey-4, 5%); text-transform:uppercase; padding:0.9em 0 0.9em 4em; font-size:1em; @@ -74,15 +74,19 @@ z-index:1; &:before{ - content:""; + font-family:verdant; + text-transform:none; + content:"q"; + text-align:center; display:block; position:absolute; z-index:2; + font-size:2em; top:0px; - height:3.2em; + line-height:1.7em; left:0px; - width:3.3em; - /*background-color:@color-grey-3;*/ + width:1.7em; + opacity:0.15; padding:0; margin:0; cursor:pointer; @@ -133,18 +137,18 @@ .pull-padding(2); font-family:Bitter, Georgia, serif; .border-radius(0px); - border:0; + padding-top:2em; padding-bottom:2em; font-size:1.2em; line-height:1.6em; + border-width:0 1px; } .richtext{ padding-top:3em; /* to provide space for editor buttons */ } - .error-message{ .nice-padding(); padding-bottom:2em; @@ -269,8 +273,7 @@ &.full{ fieldset{ .column(11); - margin-left:-50px; - margin-right:-50px; + padding-left:0; padding-right:0; } diff --git a/wagtail/wagtailadmin/static/wagtailadmin/css/panels/rich-text.less b/wagtail/wagtailadmin/static/wagtailadmin/css/panels/rich-text.less index 7e3817a28..44408226e 100644 --- a/wagtail/wagtailadmin/static/wagtailadmin/css/panels/rich-text.less +++ b/wagtail/wagtailadmin/static/wagtailadmin/css/panels/rich-text.less @@ -1,16 +1,21 @@ @import "../variables.less"; +@import "../mixins.less"; .hallotoolbar{ position:absolute; left:50px; z-index:5; margin-top:3em; + margin-left:4px; } .hallotoolbar.affixed{ position:fixed; margin-left:140px; margin-top:0; } +.hallotoolbar button{ + .border-radius(0); +} .richtext { min-height:50px; @@ -142,7 +147,7 @@ } @media screen and (min-width: @breakpoint-desktop-larger){ - .hallotoolbar{ + /* .hallotoolbar{ margin:0 auto; position:absolute; left:-@menu-width; @@ -153,5 +158,5 @@ .hallotoolbar.affixed{ position:fixed; margin:0 auto; - } + }*/ } diff --git a/wagtail/wagtailadmin/templates/wagtailadmin/pages/edit.html b/wagtail/wagtailadmin/templates/wagtailadmin/pages/edit.html index 9fd264865..6956be060 100644 --- a/wagtail/wagtailadmin/templates/wagtailadmin/pages/edit.html +++ b/wagtail/wagtailadmin/templates/wagtailadmin/pages/edit.html @@ -1,6 +1,6 @@ {% extends "wagtailadmin/base.html" %} {% load page_permissions %} - +{% load gravatar %} {% block titletag %}Editing {{ page.title }}{% endblock %} {% block bodyclass %}menu-explorer page-editor{% endblock %} @@ -16,13 +16,6 @@ - {% if errors_debug %} - - {% endif %} -