improve look of Add group flow

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan-Christoph Borchardt 2016-10-18 12:14:38 +02:00
parent 86fd9ca9e0
commit 19456713fa
2 changed files with 14 additions and 8 deletions

View File

@ -184,17 +184,23 @@ table.nostyle td { padding: 0.2em 0; }
height: 44px; height: 44px;
} }
#newgroupname { #newgroupname {
margin: 6px; margin: 0;
width: 95%; width: 100%;
padding-right: 32px; padding: 12px 40px 12px 12px;
box-sizing: border-box box-sizing: border-box;
background-color: transparent;
border: none;
border-bottom: 1px solid #eee;
border-radius: 0;
} }
#newgroup-form .button { #newgroup-form .button {
position: absolute; position: absolute;
right: 0; right: 0;
top: 3px; top: 0;
height: 32px; padding: 10px 20px;
width: 32px; background-color: transparent;
border: none;
opacity: .5;
} }
.isgroup .groupname { .isgroup .groupname {

View File

@ -7,7 +7,7 @@
</li> </li>
<li id="newgroup-form" style="display: none"> <li id="newgroup-form" style="display: none">
<form> <form>
<input type="text" id="newgroupname" placeholder="<?php p($l->t('Group')); ?>..." /> <input type="text" id="newgroupname" placeholder="<?php p($l->t('Group name')); ?> …" />
<input type="submit" class="button icon-add" value="" /> <input type="submit" class="button icon-add" value="" />
</form> </form>
</li> </li>