fix avatar cropper

This commit is contained in:
Robin Appelman 2016-11-15 18:10:28 +01:00 committed by Roeland Jago Douma
parent 8f33d9d1c0
commit f7a4db5040
No known key found for this signature in database
GPG Key ID: F941078878347C0C
2 changed files with 9 additions and 7 deletions

View File

@ -26,7 +26,7 @@ input#openid, input#webdav { width:20em; }
.jcrop-holder {
z-index: 500;
}
#avatarform #cropper {
#cropper {
float: left;
z-index: 500;
/* float cropper above settings page to prevent unexpected flowing from dynamically sized element */
@ -38,7 +38,7 @@ input#openid, input#webdav { width:20em; }
width: 100%;
height: calc(100% - 45px);
}
#avatar #cropper .inner-container {
#cropper .inner-container {
z-index: 2001; /* above the top bar if needed */
position: absolute;
top: 50%;
@ -51,13 +51,13 @@ input#openid, input#webdav { width:20em; }
padding: 15px;
}
#avatar #cropper .inner-container .jcrop-holder {
#cropper .inner-container .jcrop-holder {
box-shadow: 0 0 7px #888;
}
#avatar #cropper .inner-container .button {
#cropper .inner-container .button {
margin-top: 15px;
}
#avatar #cropper .inner-container .primary {
#cropper .inner-container .primary {
float: right;
}

View File

@ -55,8 +55,10 @@
</div>
<div id="cropper" class="hidden">
<div class="inlineblock button" id="abortcropperbutton"><?php p($l->t('Cancel')); ?></div>
<div class="inlineblock button primary" id="sendcropperbutton"><?php p($l->t('Choose as profile picture')); ?></div>
<div class="inner-container">
<div class="inlineblock button" id="abortcropperbutton"><?php p($l->t('Cancel')); ?></div>
<div class="inlineblock button primary" id="sendcropperbutton"><?php p($l->t('Choose as profile picture')); ?></div>
</div>
</div>
<input type="hidden" id="avatarscope" value="<?php p($_['avatarScope']) ?>">
</form>