Edit/delete button on the left-side of links.

https://github.com/sebsauvage/Shaarli/issues/5
This commit is contained in:
Sébastien SAUVAGE 2013-02-27 17:46:45 +01:00
parent 9e975d86e4
commit b2877611c3
2 changed files with 25 additions and 6 deletions

View file

@ -67,10 +67,26 @@ h1 { font-size:20pt; font-weight:bold; font-style:italic; margin-bottom:20px; }
} }
/* Edit/Delete buttons on links */ /* Small tab on the left of each link with edit/delete buttons. */
.button_edit, .button_delete { border-radius:0; box-shadow:none; border-style:none; border-width:0; padding:0; background:none; } .button_edit, .button_delete { border-radius:0; box-shadow:none; border-style:none; border-width:0; padding:0; background:none; }
.button_edit { margin-left:10px; } .linkeditbuttons {
position:absolute;
left:-1px;
padding:4px 2px 2px 2px;
background-color:#f0f0f0;
-webkit-border-radius:0px 6px 6px 0px;
-moz-border-radius:0px 6px 6px 0px;
-o-border-radius:0px 6px 6px 0px;
-ms-border-radius:0px 6px 6px 0px;
border-radius:0px 6px 6px 0px;
-webkit-box-shadow:0px 0px 3px 0px #333333;
-moz-box-shadow:0px 0px 3px 0px #333333;
-o-box-shadow:0px 0px 3px 0px #333333;
-ms-box-shadow:0px 0px 3px 0px #333333;
box-shadow:0px 0px 3px 0px #333333;
}
#pageheader #logo{ #pageheader #logo{
background-image: url('../images/logo.png'); background-image: url('../images/logo.png');
@ -211,6 +227,7 @@ cursor:pointer;
} }
*/ */
#linklist li.private { background: url('../images/private.png') no-repeat 10px center; padding-left:60px; } #linklist li.private { background: url('../images/private.png') no-repeat 10px center; padding-left:60px; }
#linklist li { padding-left:26px; }
.private .linktitle a {color:#969696;} .private .linktitle a {color:#969696;}
.linktitle { font-size:14pt; font-weight:bold; } .linktitle { font-size:14pt; font-weight:bold; }
.linktitle a { text-decoration: none; color:#80AD48; } .linktitle a { text-decoration: none; color:#80AD48; }

View file

@ -32,12 +32,14 @@
<li{if="$value.class"} class="{$value.class}"{/if}> <li{if="$value.class"} class="{$value.class}"{/if}>
<div class="thumbnail">{$value.url|thumbnail}</div> <div class="thumbnail">{$value.url|thumbnail}</div>
<div class="linkcontainer"> <div class="linkcontainer">
<span class="linktitle"><a href="{$redirector}{$value.url}">{$value.title|htmlspecialchars}</a></span>
{if="isLoggedIn()"} {if="isLoggedIn()"}
<form method="GET" class="buttoneditform"><input type="hidden" name="edit_link" value="{$value.linkdate}"><input type="image" alt="Edit" src="images/edit_icon.png#" title="Edit" class="button_edit"></form> <div class="linkeditbuttons">
<form method="GET" class="buttoneditform"><input type="hidden" name="edit_link" value="{$value.linkdate}"><input type="image" alt="Edit" src="images/edit_icon.png#" title="Edit" class="button_edit"></form><br>
<form method="POST" class="buttoneditform"><input type="hidden" name="lf_linkdate" value="{$value.linkdate}"> <form method="POST" class="buttoneditform"><input type="hidden" name="lf_linkdate" value="{$value.linkdate}">
<input type="hidden" name="token" value="{$token}"><input type="hidden" name="delete_link"><input type="image" alt="Delete" src="images/delete_icon.png#" title="Delete" class="button_delete" onClick="return confirmDeleteLink();"></form> <input type="hidden" name="token" value="{$token}"><input type="hidden" name="delete_link"><input type="image" alt="Delete" src="images/delete_icon.png#" title="Delete" class="button_delete" onClick="return confirmDeleteLink();"></form>
</div>
{/if} {/if}
<span class="linktitle"><a href="{$redirector}{$value.url}">{$value.title|htmlspecialchars}</a></span>
<br> <br>
{if="$value.description"}<div class="linkdescription"{if condition="$search_type=='permalink'"} style="max-height:none !important;"{/if}>{$value.description}</div>{/if} {if="$value.description"}<div class="linkdescription"{if condition="$search_type=='permalink'"} style="max-height:none !important;"{/if}>{$value.description}</div>{/if}
{if="!$GLOBALS['config']['HIDE_TIMESTAMPS'] || isLoggedIn()"} {if="!$GLOBALS['config']['HIDE_TIMESTAMPS'] || isLoggedIn()"}