diff options
author | skjnldsv <fremulon@protonmail.com> | 2016-04-05 14:21:36 +0200 |
---|---|---|
committer | skjnldsv <fremulon@protonmail.com> | 2016-04-05 14:22:21 +0200 |
commit | fd04eac1af820e0a476038b6c19ce1cdd4dc5894 (patch) | |
tree | b4a53622ae334e5a0fcc68d4ca4943868024ea18 /css | |
parent | 5869a3a216c6dba1215bb2a8a9458703b60f1fe6 (diff) |
Auto-resizing input for org and title layout + header improvements fix #286
Diffstat (limited to 'css')
-rw-r--r-- | css/public/style.css | 22 |
1 files changed, 13 insertions, 9 deletions
diff --git a/css/public/style.css b/css/public/style.css index 9e662d00..fcd7901a 100644 --- a/css/public/style.css +++ b/css/public/style.css @@ -12,27 +12,31 @@ top: 15px; left: 100px; } +.contactdetails__header #details-org-container { + position: absolute; + display: flex; + top: 50px; + left: 100px; + width: 70%; +} .contactdetails__header .contactdetails__name, .contactdetails__header .contactdetails__org, .contactdetails__header .contactdetails__title { font-size: inherit !important; - width: 100% !important; + width: auto !important; color: #fff !important; background: transparent !important; border: none !important; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; + max-width: 100%; + min-width: 25%; + margin: 3px 0; } -.contactdetails__header .contactdetails__org { - position: absolute; - left: 101px; - width: 100px !important; -} +.contactdetails__header .contactdetails__org, .contactdetails__header .contactdetails__title { - position: absolute; - left: 201px; - width: 125px !important; + max-width: 50%; } /* fix placeholder color */ .contactdetails__header .contactdetails__name::-webkit-input-placeholder, |