From 73b21b8f5f7e84cfa9b13ccf0faece47915d7348 Mon Sep 17 00:00:00 2001 From: Evan Theurer Date: Mon, 30 Jun 2014 16:30:11 +0200 Subject: [PATCH] Add contacts-manager modal templates. --- src/styles/components/_contactsmanager.scss | 96 ++++++++++++++++++++ src/styles/main.scss | 1 + static/partials/contactsmanager.html | 95 ++++++++++++++++++++ static/partials/contactsmanageradd.html | 97 +++++++++++++++++++++ static/partials/contactsmanageredit.html | 41 +++++++++ static/partials/settings.html | 8 ++ 6 files changed, 338 insertions(+) create mode 100644 src/styles/components/_contactsmanager.scss create mode 100644 static/partials/contactsmanager.html create mode 100644 static/partials/contactsmanageradd.html create mode 100644 static/partials/contactsmanageredit.html diff --git a/src/styles/components/_contactsmanager.scss b/src/styles/components/_contactsmanager.scss new file mode 100644 index 00000000..7b870a5f --- /dev/null +++ b/src/styles/components/_contactsmanager.scss @@ -0,0 +1,96 @@ +/* + * Spreed WebRTC. + * Copyright (C) 2013-2014 struktur AG + * + * This file is part of Spreed WebRTC. + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU Affero General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU Affero General Public License for more details. + * + * You should have received a copy of the GNU Affero General Public License + * along with this program. If not, see . + * + */ + +.contactsManager { + .contactsContentHead { + margin-bottom: 10px; + } + .contactsDesc { + font-size: 20px; + font-weight: normal; + text-align: baseline; + } + .contactsAddBtn { + .fa-users { + font-size: 22px; + } + .fa-plus { + font-size: 15px; + } + } + .contactsEditPicture { + vertical-align: middle; + float: left; + margin-right: 20px; + } + .contactsUploadPicBtn { + margin-top: 7px; + } +} + +.search { + &:before { + position: absolute; + font-family: "fontAwesome"; + content: "\f002"; + font-size: 14px; + opacity: .4; + top: 6px; + left: 22px; + } + ~ input { + padding-left: 25px; + } +} + +.contactsEditList { + max-height: 250px; + overflow-y: scroll; + padding-right: 0px; +} + +.contactsTable { + .picture { + width: 15%; + min-height: 46px; + text-align: center; + vertical-align: middle; + } + .name { + width: 70%; + padding-left: 5%; + text-align: left; + vertical-align: middle; + } + .action { + text-align: center; + vertical-align: middle; + } +} + +.userAvatar { + position: relative; + width: 46px; + height: 46px; + background: grey; + border-radius: 2px; + margin: 0 auto; +} diff --git a/src/styles/main.scss b/src/styles/main.scss index 706bc25a..e1c68d0b 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -48,5 +48,6 @@ @import "components/screenshare"; @import "components/roombar"; @import "components/social"; +@import "components/contactsmanager"; @import "shame"; diff --git a/static/partials/contactsmanager.html b/static/partials/contactsmanager.html new file mode 100644 index 00000000..86e12ade --- /dev/null +++ b/static/partials/contactsmanager.html @@ -0,0 +1,95 @@ + + diff --git a/static/partials/contactsmanageradd.html b/static/partials/contactsmanageradd.html new file mode 100644 index 00000000..f4bc14cc --- /dev/null +++ b/static/partials/contactsmanageradd.html @@ -0,0 +1,97 @@ + + diff --git a/static/partials/contactsmanageredit.html b/static/partials/contactsmanageredit.html new file mode 100644 index 00000000..bdc369b9 --- /dev/null +++ b/static/partials/contactsmanageredit.html @@ -0,0 +1,41 @@ + + diff --git a/static/partials/settings.html b/static/partials/settings.html index 88ae3c0b..41fa0581 100644 --- a/static/partials/settings.html +++ b/static/partials/settings.html @@ -69,6 +69,14 @@ +
+ {{_('Contacts')}} +
+
+ +
+
+
{{_('Media')}}