Fix federation icon menu and container paddings.

Signed-off-by: Marin Treselj <marin@pixelipo.com>
This commit is contained in:
Marin Treselj 2017-08-04 10:22:03 +02:00
parent 7de9eb16d8
commit a4d9845326
2 changed files with 11 additions and 48 deletions

View File

@ -11,29 +11,9 @@ input#openid, input#webdav {
clear: both; clear: both;
} }
.personal-settings-password-box {
margin-top: 20px;
margin-bottom: 136px;
}
.personal-settings-group-box,
.personal-settings-language-box {
margin-top: 20px;
}
.icon-federation-menu { .icon-federation-menu {
width: 44px; width: 16px;
margin: -6px;
float: right; float: right;
text-align: right;
}
.icon-avatar-federation-menu {
position: absolute;
width: 46px;
top: -6px;
left: 128px;
text-align: right;
} }
/* icons for sidebar */ /* icons for sidebar */
@ -62,7 +42,7 @@ input#openid, input#webdav {
} }
#avatarform .avatardiv { #avatarform .avatardiv {
margin-bottom: 10px; margin: 10px auto;
} }
#avatarform .warning { #avatarform .warning {
@ -84,8 +64,7 @@ input#openid, input#webdav {
#uploadavatarbutton, #uploadavatarbutton,
#selectavatar, #selectavatar,
#removeavatar { #removeavatar {
width: 33px; padding: 21px;
height: 33px;
} }
.jcrop-holder { .jcrop-holder {
@ -134,13 +113,14 @@ input#openid, input#webdav {
#personal-settings-group-container { #personal-settings-group-container {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
min-width: 205px; width: 225px;
} }
.profile-settings-container, .profile-settings-container,
.personal-settings-container { .personal-settings-container {
display: inline-block; display: inline-block;
max-width: 600px; max-width: 600px;
margin-bottom: 20px;
} }
.personal-settings-container:after { .personal-settings-container:after {
@ -164,10 +144,9 @@ input#openid, input#webdav {
.personal-settings-container > div h2 span[class^="icon-"], .personal-settings-container > div h2 span[class^="icon-"],
#personal-settings-avatar-container h2 span[class^="icon-"] { #personal-settings-avatar-container h2 span[class^="icon-"] {
padding: 8px; padding-left: 16px;
margin-left: -8px;
margin-bottom: -10px;
background-size: 16px; background-size: 16px;
background-position: left 8px;
opacity: .3; opacity: .3;
cursor: pointer; cursor: pointer;
} }
@ -254,22 +233,6 @@ input#passwordbutton {
opacity: .75; opacity: .75;
} }
#lostpassword,
#groups {
display: inline-block;
margin-bottom: 10px;
padding-bottom: 0;
padding-right: 0;
min-width: 60%;
}
#groups {
overflow-wrap: break-word;
width: 125px;
display: block;
clear: both;
}
#groups-groups { #groups-groups {
padding-top: 5px; padding-top: 5px;
} }
@ -972,8 +935,8 @@ span.version {
margin: 8px 0; margin: 8px 0;
} }
form.section { .section {
padding: 0 30px; padding: 10px 30px;
margin-bottom: 0; margin-bottom: 0;
} }

View File

@ -56,8 +56,7 @@ vendor_style('jcrop/css/jquery.Jcrop');
<div id="personal-settings-avatar-container"> <div id="personal-settings-avatar-container">
<form id="avatarform" class="section" method="post" action="<?php p(\OC::$server->getURLGenerator()->linkToRoute('core.avatar.postAvatar')); ?>"> <form id="avatarform" class="section" method="post" action="<?php p(\OC::$server->getURLGenerator()->linkToRoute('core.avatar.postAvatar')); ?>">
<h2> <h2>
<label><?php p($l->t('Profile picture')); ?></label> <label><?php p($l->t('Profile picture')); ?></label><span class="icon-federation-menu icon-password">&#9662;<span/>
<span class="icon-avatar-federation-menu icon-password">&#9662;<span/>
</h2> </h2>
<div id="displayavatar"> <div id="displayavatar">
<div class="avatardiv"></div> <div class="avatardiv"></div>
@ -284,6 +283,7 @@ vendor_style('jcrop/css/jquery.Jcrop');
</div> </div>
</div> </div>
</div> </div>
<div class="profile-settings-container"> <div class="profile-settings-container">
<div class="personal-settings-setting-box personal-settings-language-box"> <div class="personal-settings-setting-box personal-settings-language-box">
<?php if (isset($_['activelanguage'])) { ?> <?php if (isset($_['activelanguage'])) { ?>