mirror of
https://github.com/Findus23/RPGnotes.git
synced 2024-09-19 15:43:45 +02:00
improved loot styling
This commit is contained in:
parent
417fb5a3d0
commit
4f121ebd39
4 changed files with 46 additions and 31 deletions
|
@ -50,12 +50,14 @@
|
|||
<tr>
|
||||
<td colspan="5" class="collapse-cell">
|
||||
<div class="collapse" id="row-{{ l.id }}">
|
||||
<div class="cell-box">
|
||||
<h3>{{ l.name }} <a href="{% url "lootedit" l.id %}">{% translate "Edit" %}</a></h3>
|
||||
{{ l.description_html|safe }}
|
||||
{% if l.value_per_unit %}
|
||||
<p>{% translate "Value each" %}: {{ l.value_per_unit|format_money_html }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
|
|
38
static/scss/_loot.scss
Normal file
38
static/scss/_loot.scss
Normal file
|
@ -0,0 +1,38 @@
|
|||
.collapse-cell {
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.cell-box {
|
||||
padding: 0.5rem;
|
||||
//border: solid 1px $gray-900;
|
||||
}
|
||||
|
||||
.chev {
|
||||
transition: transform .2s;
|
||||
width: 13px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
tr.collapsed .chev {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
tr.collapse-button {
|
||||
transition: all .2s;
|
||||
|
||||
&:not(.collapsed) {
|
||||
background: $gray-800;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
tr td:first-child {
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
svg.icon {
|
||||
width: 16px;
|
||||
height: auto;
|
||||
}
|
|
@ -25,24 +25,6 @@ blockquote {
|
|||
}
|
||||
|
||||
|
||||
.collapse-cell {
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.chev {
|
||||
transition: transform .2s;
|
||||
width: 13px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
tr.collapsed .chev {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
tr.collapse-button:not(.collapsed) {
|
||||
background: darkgray;
|
||||
}
|
||||
|
||||
|
||||
.side-card {
|
||||
|
@ -118,11 +100,3 @@ footer {
|
|||
}
|
||||
}
|
||||
|
||||
tr td:first-child {
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
svg.icon {
|
||||
width: 16px;
|
||||
height: auto;
|
||||
}
|
||||
|
|
|
@ -5,5 +5,6 @@
|
|||
|
||||
@import "misc";
|
||||
@import "avatar";
|
||||
@import "loot";
|
||||
|
||||
|
||||
|
|
Loading…
Reference in a new issue