Update list template

FossilOrigin-Name: 9373536cc9daeae9f5867825dee0e22806e4326db505347802515629d3636953
This commit is contained in:
nekobit 2022-06-13 00:43:18 +00:00
parent 8d153983d6
commit c55afbf2f6
3 changed files with 44 additions and 6 deletions

38
dist/treebird20.css vendored
View file

@ -49,8 +49,8 @@ ul
width: 1000px;
margin-left: auto;
margin-right: auto;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
border-width: 0;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(200, 200, 200, 0.7);
border-radius: 5px;
}
@ -1531,17 +1531,31 @@ ul.large-list
ul.large-list li
{
display: block;
list-style-type: none;
margin: 0;
}
ul.large-list li a
{
display: block;
display: inline-block;
padding: 15px;
list-style-type: none;
}
ul.large-list li a.list-item
{
width: 406px;
}
ul.large-list li a.edit-list-btn
{
border-left: 1px solid #eaeaea;
background: linear-gradient(#f8f8fc, #efeff2);
color: #505050;
width: 33px;
}
.lists-view-header
{
text-align: center;
@ -1558,6 +1572,24 @@ ul.large-list li a
border-bottom: 1px solid #dadada;
}
.create-list-form
{
width: 380px;
margin: 0;
padding: 8px;
border: 0;
}
.create-list-btn
{
width: 104px;
border-top: none !important;
border-bottom: none !important;
border-right: none !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
/* Navigation */
.navigation,
.tabs

View file

@ -1 +1,3 @@
<li><a href="{{%s:prefix}}/lists/for/{{%s:list_id}}" class="btn split">{{%s:list}}</a></li>
<li>
<a href="{{%s:prefix}}/lists/for/{{%s:list_id}}" class="btn split list-item">{{%s:list}}</a><a href="{{%s:prefix}}/lists/edit/{{%s:list_id}}" class="btn edit-list-btn">Edit</a>
</li>

View file

@ -6,8 +6,12 @@
{{%s:lists}}
</ul>
<ul class="large-list center">
<li><a href="{{%s:prefix}}/lists/create" class="btn split center-text bold-text">Create new list</a></li>
<ul class="large-list center create-list">
<form action="{{%s:prefix}}/lists/create" method="post">
<li>
<input type="text" class="create-list-form"><input type="submit" value="Create list" class="create-list-btn btn">
</li>
</form>
</ul>
</div>
</div>