use icon-confirm instead of text for accepting remote share, works better with translations

This commit is contained in:
Jan-Christoph Borchardt 2014-07-04 00:07:24 +02:00
parent fc417465c0
commit 8e617453e5
3 changed files with 30 additions and 12 deletions

View File

@ -89,21 +89,39 @@ thead {
} }
/* within #save */ /* within #save */
#remote_address { #save .save-form {
margin: 0; position: relative;
height: 14px;
padding: 6px;
} }
#save button { #remote_address {
margin: 0;
width: 130px;
height: 14px;
padding: 6px;
padding-right: 24px;
}
#save #save-button,
#save #save-button-confirm {
margin: 0 5px; margin: 0 5px;
height: 28px; height: 28px;
padding-bottom: 4px; padding-bottom: 4px;
line-height: 14px; line-height: 14px;
} }
#save .save-form [type="submit"] { #save-button-confirm {
margin: 0 5px; position: absolute;
height: 28px; background-color: transparent;
padding-bottom: 4px; border: none;
margin: 2px 4px !important;
right: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: .5;
}
#save-button-confirm:hover,
#save-button-confirm:focus {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
} }

View File

@ -163,7 +163,7 @@ OCA.Sharing.PublicApp = {
OCA.Sharing.PublicApp._saveToOwnCloud(remote, token, owner, name, isProtected); OCA.Sharing.PublicApp._saveToOwnCloud(remote, token, owner, name, isProtected);
}); });
$('#save > button').click(function () { $('#save #save-button').click(function () {
$(this).hide(); $(this).hide();
$('.save-form').css('display', 'inline'); $('.save-form').css('display', 'inline');
$('#remote_address').focus(); $('#remote_address').focus();

View File

@ -19,10 +19,10 @@
<div class="header-right"> <div class="header-right">
<span id="details"> <span id="details">
<span id="save" data-protected="<?php p($_['protected'])?>" data-owner="<?php p($_['displayName'])?>" data-name="<?php p($_['filename'])?>"> <span id="save" data-protected="<?php p($_['protected'])?>" data-owner="<?php p($_['displayName'])?>" data-name="<?php p($_['filename'])?>">
<button><?php p($l->t('Add to your ownCloud')) ?></button> <button id="save-button"><?php p($l->t('Add to your ownCloud')) ?></button>
<form class="save-form hidden" action="#"> <form class="save-form hidden" action="#">
<input type="text" id="remote_address" placeholder="example.com/owncloud"/> <input type="text" id="remote_address" placeholder="example.com/owncloud"/>
<input type="submit" value="<?php p($l->t('Save')) ?>"/> <button id="save-button-confirm" class="icon-confirm svg"></button>
</form> </form>
</span> </span>
<a href="<?php p($_['downloadURL']); ?>" id="download" class="button"> <a href="<?php p($_['downloadURL']); ?>" id="download" class="button">