Hopiu/wagtail
1
0
Fork 0
mirror of https://github.com/Hopiu/wagtail.git synced 2026-05-12 09:13:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

ongoing layout tweaks

Browse source
This commit is contained in:
Dave Cranwell 2015-02-06 09:58:36 +00:00
parent c0f74d5a5f
commit 98a99b0fe7
2 changed files with 29 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
wagtail/wagtailadmin/static/wagtailadmin/scss/layouts/page-editor.scss
View file

@ -204,6 +204,7 @@
padding:0 1.5em;
margin:1em 0;
border:1px solid lighten($color-grey-4, 3%);
border-width:0 1px;
}
}
@ -222,6 +223,10 @@
border-bottom:1px solid lighten($color-grey-4, 3%);
margin:0 -1.5em;
&:first-child{
border-top:1px solid lighten($color-grey-4, 3%);
}
.inner{
@include clearfix;
}
@ -270,7 +275,6 @@
.stream-menu{
@include transition(all 0.2s ease);
position:relative;
overflow:hidden;
ul{
@include transition(all 0.2s ease);
@ -294,7 +298,17 @@
display:block;
width:100%;
padding:0 0 0.5em 0;
text-overflow:ellipsis;
span{
text-overflow:ellipsis;
text-transform:none;
white-space: nowrap;
width:100%;
display:block;
overflow:hidden;
padding:0 1em;
box-sizing: border-box;
}
&:before{
display:block;
@ -305,23 +319,30 @@
line-height:2em;
text-align:center;
}
&:hover{
color:$color-teal;
}
}
&:before{
margin-top:-0.5em;
font-family:wagtail;
content:"B";
width:2em;
height:2em;
height:1em;
display:block;
position:relative;
left:0;right:0;
margin:auto;
margin:auto auto -1em auto;
z-index:5;
color:$color-teal;
font-size:1.7em;
line-height:2em;
line-height:1em;
text-align:center;
&:hover{
border:1px solid red;
}
}
@ -339,7 +360,7 @@
}
}
.sequence-member .stream-menu{
margin:auto -1.5em;
margin:auto -1.5em -1em -1.5em;
}

2
wagtail/wagtailadmin/templates/wagtailadmin/block_forms/stream_menu.html
View file

@ -1,7 +1,7 @@
<div class="stream-menu">
<ul>
{% for child_block in child_blocks %}
<li><button type="button" id="{{ prefix }}-add-{{ child_block.name }}" class="block-{{ child_block.name|slugify }} icon icon-{{ child_block.icon }}">{{ child_block.label }}</button></li>
<li><button type="button" id="{{ prefix }}-add-{{ child_block.name }}" class="block-{{ child_block.name|slugify }} icon icon-{{ child_block.icon }}"><span>{{ child_block.label }}</span></button></li>
{% endfor %}
</ul>
</div>