Cavemanon/cavemanon-wagtail-personalisation
Archived
8
Fork 0
Code Issues Pull Requests Activity

BEM fixes

Browse Source
This commit is contained in:
Jasper Berghoef
2016-11-08 11:16:35 +01:00
parent d3cfc94d78
commit 6538821f88
2 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/personalisation/static/personalisation/segment/index.css
View File

@@ -8,7 +8,7 @@
margin-top: 30px;
}
.block_container--block {
.block_container__block {
display: block;
float: left;
box-sizing: border-box;
@@ -24,47 +24,48 @@
transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1), border 0.3s cubic-bezier(.25,.8,.25,1);
}
.block_container--block:nth-child(odd) {
.block_container__block:nth-child(odd) {
margin-right: 20px;
}
.block_container--block .block--actions {
.block_container__block .block--actions {
list-style: none;
margin: 0;
padding: 0;
}
.block_container--block .block--actions li {
.block_container__block .block--actions li {
float: left;
margin-right: 10px;
}
.block_container--block .block--actions li:last-child {
.block_container__block .block--actions li:last-child {
margin-right: 0;
}
@media (max-width: 960px) {
.block_container--block {
@media (max-width: 799px) {
.block_container__block {
width: 100%;
margin-right: 0;
}
}
.block_container--block.suggestion {
.block_container__block.suggestion {
border: 1px dashed #d9d9d9;
}
.block_container--block:hover {
.block_container__block:hover {
border: 1px solid #fff;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.block_container--block.suggestion .suggestive_text {
.block_container__block.suggestion .suggestive_text {
display: block;
position: absolute;
left: 50%;
width: calc(100% - 40px);
text-align: center;
top: 50%;
transform: translate(-50%, -50%);
transform: translateY(-50%);
color: #d9d9d9;
font-size: 20px;
font-weight: 100;

4
src/personalisation/templates/modeladmin/personalisation/segment/index.html
View File

@@ -21,7 +21,7 @@
{% if all_count %}
<!-- Replace this function with a class specific one to avoid useless requests. -->
{% for segment in object_list %}
<div class="block_container--block">
<div class="block_container__block">
<a href="edit/{{ segment.pk }}"><h2>{{ segment }}</h2></a>
<ul class="block--actions">
<li><a href="delete/{{ segment.pk }}">delete</a></li>
@@ -33,7 +33,7 @@
{% if user_can_create %}
{% blocktrans with url=view.create_url name=view.verbose_name %}
<a href="{{ url }}"><div class="block_container--block suggestion">
<a href="{{ url }}"><div class="block_container__block suggestion">
<span class="suggestive_text">Add a new {{name}}</span>
</div></a>
{% endblocktrans %}