diginaut/digimarks
1
0
Fork 0
mirror of https://github.com/aquatix/digimarks.git synced 2025-12-06 23:05:10 +01:00
Code Issues Releases Wiki Activity

Styling fixes: nice buttons for edit/delete bookmark, button for

Browse Source 
list/cards
This commit is contained in:
Michiel Scholten
2018-03-27 09:59:39 +02:00
parent fe990ecf63
commit 3becf27b42
4 changed files with 17 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
static/css/digimarks.css
View File

@@ -48,12 +48,14 @@ nav .sidenav-trigger i
padding-top: 10px; padding-top: 10px;
} }
.card-image i .card-image i,
.list-image i
{ {
padding: 5px 0 0 15px; padding: 5px 0 0 15px;
} }
.card.horizontal .card-image img.favicon .card.horizontal .card-image img.favicon,
.list-image img.favicon
{ {
height: 60px; height: 60px;
width: 60px; width: 60px;

2
templates/base.html
View File

@@ -71,7 +71,7 @@
background-color: #ef5350; /* red lighten-1 */ background-color: #ef5350; /* red lighten-1 */
} }
</style> </style>
<link href="{{ url_for('static', filename='css/digimarks.css') }}?20180317" type="text/css" rel="stylesheet" media="screen,projection"/> <link href="{{ url_for('static', filename='css/digimarks.css') }}?20180327" type="text/css" rel="stylesheet" media="screen,projection"/>
</head> </head>
<body class="{{ theme.BODY }} {{ theme.TEXT }}"> <body class="{{ theme.BODY }} {{ theme.TEXT }}">
<nav class="{{ theme.NAV }}" role="navigation"> <nav class="{{ theme.NAV }}" role="navigation">

17
templates/bookmarks.html
View File

@@ -34,12 +34,18 @@
<div class="row"> <div class="row">
<form action="{{ url_for('bookmarks_page', userkey=userkey) }}" name="filterForm" method="POST" autocomplete="off"> <form action="{{ url_for('bookmarks_page', userkey=userkey) }}" name="filterForm" method="POST" autocomplete="off">
<div class="input-field col l10 m10 s8"> <div class="input-field col l9 m8 s7">
<input placeholder="search text" type="text" name="filter_text" id="filter_text" class="autocomplete" value="{{ filter_text }}" autocomplete="false" /> <input placeholder="search text" type="text" name="filter_text" id="filter_text" class="autocomplete" value="{{ filter_text }}" autocomplete="false" />
</div> </div>
<div class="input-field col l2 m2 s4"> <div class="input-field col l3 m4 s5">
<p class="left-align"><button class="btn waves-effect waves-light" type="submit" name="submitBtn">Filter</button></p> <p class="right-align"><button class="btn waves-effect waves-light" type="submit" name="submitBtn">Filter</button>
{% if show_as and show_as == 'list' %}
<a href="{{ url_for('bookmarks_page', userkey=userkey, filtermethod=filtermethod, sortmethod=sortmethod, show_as=None) }}" class="waves-effect waves-light btn" title="Show as cards"><i class="material-icons">apps</i></a>
{% else %}
<a href="{{ url_for('bookmarks_page', userkey=userkey, filtermethod=filtermethod, sortmethod=sortmethod, show_as='list') }}" class="waves-effect waves-light btn" title="Show as list"><i class="material-icons">reorder</i></a>
{% endif %}
</p>
</div> </div>
</form> </form>
</div> </div>
@@ -71,11 +77,6 @@
</div> </div>
{% endif %} {% endif %}
<div class="row">
<div><a href="{{ url_for('bookmarks_page', userkey=userkey, filtermethod=filtermethod, sortmethod=sortmethod, show_as='list') }}">list</a>
</div>
</div>
{% if show_as and show_as == 'list' %} {% if show_as and show_as == 'list' %}
{% include 'list.html' %} {% include 'list.html' %}
{% else %} {% else %}

6
templates/list.html
View File

@@ -14,7 +14,7 @@
<tbody> <tbody>
{% for bookmark in bookmarks %} {% for bookmark in bookmarks %}
<tr> <tr>
<td> <td class="list-image">
{% if bookmark.favicon %} {% if bookmark.favicon %}
<img src="{{ url_for('static', filename='favicons/' + bookmark.favicon) }}" class="favicon" /> <img src="{{ url_for('static', filename='favicons/' + bookmark.favicon) }}" class="favicon" />
{% else %} {% else %}
@@ -51,8 +51,8 @@
{% endif %} {% endif %}
<td> <td>
{% if editable %} {% if editable %}
<a href="{{ url_for('editbookmark', userkey=userkey, urlhash=bookmark.url_hash) }}" style="padding: 3px"><i class="tiny material-icons">mode_edit</i> EDIT</a> <a href="{{ url_for('editbookmark', userkey=userkey, urlhash=bookmark.url_hash) }}" class="waves-effect waves-light btn" title="Edit"><i class="tiny material-icons">mode_edit</i></a>
<a href="{{ url_for('deletingbookmark', userkey=userkey, urlhash=bookmark.url_hash) }}" style="padding: 3px" class="red-text"><i class="tiny material-icons">delete</i> DELETE</a> <a href="{{ url_for('deletingbookmark', userkey=userkey, urlhash=bookmark.url_hash) }}" class="waves-effect waves-light btn red" title="DELETE"><i class="tiny material-icons">delete</i></a>
{% endif %} {% endif %}
</td> </td>
</tr> </tr>