Edit form to guidelines

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2017-10-19 10:29:48 +02:00
parent f4004d3ab8
commit 69f0f17f32
No known key found for this signature in database
GPG key ID: FB5ACEED51955BF8
3 changed files with 16 additions and 62 deletions

View file

@ -417,42 +417,6 @@ table.nostyle {
}
/* USERS */
#newgroup-init a span {
margin-left: 20px;
&:before {
position: absolute;
left: 12px;
top: -2px;
content: '+';
font-weight: bold;
font-size: 150%;
}
}
#newgroup-form {
height: 44px;
}
#newgroupname {
margin: 0;
width: 100%;
padding: 12px 40px 12px 12px;
box-sizing: border-box;
background-color: transparent;
border: none;
border-bottom: 1px solid $color-border;
border-radius: 0;
}
#newgroup-form .button {
position: absolute;
right: 0;
top: 0;
padding: 10px 20px;
background-color: transparent;
border: none;
opacity: .5;
}
.isgroup {
.groupname {
@ -466,11 +430,6 @@ table.nostyle {
}
}
.usercount {
float: left;
margin: 5px;
}
li.active {
.delete,
.rename {

View file

@ -235,14 +235,12 @@ GroupList = {
if (event) {
event.stopPropagation();
}
$('#newgroup-form').show();
$('#newgroup-init').hide();
$('#newgroupname').focus();
$('#newgroup-entry').addClass('editing');
$('#newgroupname').select();
GroupList.handleAddGroupInput('');
}
else {
$('#newgroup-form').hide();
$('#newgroup-init').show();
$('#newgroup-entry').removeClass('editing');
$('#newgroupname').val('');
}
},
@ -340,7 +338,6 @@ $(document).ready( function () {
}
// Display or hide of Create Group List Element
$('#newgroup-form').hide();
$('#newgroup-init').on('click', function (e) {
GroupList.toggleAddGroup(e);
});

View file

@ -1,18 +1,16 @@
<ul id="usergrouplist" data-sort-groups="<?php p($_['sortGroups']); ?>">
<!-- Add new group -->
<?php if ($_['isAdmin']) { ?>
<li id="newgroup-init">
<a href="#">
<span><?php p($l->t('Add group'))?></span>
</a>
<li id="newgroup-entry">
<a href="#" class="icon-add" id="newgroup-init"><?php p($l->t('Add group'))?></a>
<div class="app-navigation-entry-edit" id="newgroup-form">
<form>
<input type="text" id="newgroupname" placeholder="<?php p($l->t('Add group'))?>">
<input type="submit" value="" class="icon-checkmark">
</form>
</div>
</li>
<?php } ?>
<li id="newgroup-form" style="display: none">
<form>
<input type="text" id="newgroupname" placeholder="<?php p($l->t('Group name')); ?> …" />
<input type="submit" class="button icon-add" value="" />
</form>
</li>
<!-- Everyone -->
<li id="everyonegroup" data-gid="_everyone" data-usercount="" class="isgroup">
<a href="#">
@ -20,11 +18,11 @@
<?php p($l->t('Everyone')); ?>
</span>
</a>
<span class="utils">
<span class="usercount" id="everyonecount">
</span>
</span>
<div class="app-navigation-entry-utils">
<ul>
<li class="usercount app-navigation-entry-utils-counter" id="everyonecount"></li>
</ul>
</div>
</li>
<!-- The Admin Group -->