From 19456713fafeac4e68054a5ccbae326766970f3c Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Tue, 18 Oct 2016 12:14:38 +0200
Subject: [PATCH] improve look of Add group flow
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
---
settings/css/settings.css | 20 +++++++++++++-------
settings/templates/users/part.grouplist.php | 2 +-
2 files changed, 14 insertions(+), 8 deletions(-)
diff --git a/settings/css/settings.css b/settings/css/settings.css
index 6dbaf6d7ae6..00588beabc0 100644
--- a/settings/css/settings.css
+++ b/settings/css/settings.css
@@ -184,17 +184,23 @@ table.nostyle td { padding: 0.2em 0; }
height: 44px;
}
#newgroupname {
- margin: 6px;
- width: 95%;
- padding-right: 32px;
- box-sizing: border-box
+ margin: 0;
+ width: 100%;
+ padding: 12px 40px 12px 12px;
+ box-sizing: border-box;
+ background-color: transparent;
+ border: none;
+ border-bottom: 1px solid #eee;
+ border-radius: 0;
}
#newgroup-form .button {
position: absolute;
right: 0;
- top: 3px;
- height: 32px;
- width: 32px;
+ top: 0;
+ padding: 10px 20px;
+ background-color: transparent;
+ border: none;
+ opacity: .5;
}
.isgroup .groupname {
diff --git a/settings/templates/users/part.grouplist.php b/settings/templates/users/part.grouplist.php
index 22a3d6e78de..980cdab86c5 100644
--- a/settings/templates/users/part.grouplist.php
+++ b/settings/templates/users/part.grouplist.php
@@ -7,7 +7,7 @@
</li>
<li id="newgroup-form" style="display: none">
<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="" />
</form>
</li>
--
GitLab