diff options
| author | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2017-10-31 21:41:48 +0100 |
|---|---|---|
| committer | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2017-10-31 21:41:48 +0100 |
| commit | dba39c70c6c54f801db909f55ac201b701530b03 (patch) | |
| tree | abb5b8c321a976fe028c49b7c227db354773c034 | |
| parent | 666a59cda660ee715ff3b902a5c8d97d02068a6d (diff) | |
Fix styling of h3 headings
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
| -rw-r--r-- | css/_details.scss | 19 | ||||
| -rw-r--r-- | js/services/vCardProperties.js | 10 | ||||
| -rw-r--r-- | templates/propertyGroup.html | 5 |
3 files changed, 26 insertions, 8 deletions
diff --git a/css/_details.scss b/css/_details.scss index 042547d7..aa96f135 100644 --- a/css/_details.scss +++ b/css/_details.scss @@ -251,12 +251,25 @@ contactdetails { } } +propertygroup { + display: inline-block; + padding-bottom: 36px; +} + .propertyGroup__title { - margin-bottom: 5px; display: inline-block; + padding: 12px; + margin: 0; + margin-left: 68px; + opacity: .6; +} + +.propertyGroup__title i { + display: inline-block; + vertical-align: middle; background-size: 16px 16px; - background-position-x: 0; - padding-left: 20px; + margin-right: 8px; + opacity: .5; } detailsitem { diff --git a/js/services/vCardProperties.js b/js/services/vCardProperties.js index 1c22ecd9..da55d588 100644 --- a/js/services/vCardProperties.js +++ b/js/services/vCardProperties.js @@ -23,7 +23,8 @@ angular.module('contactsApp') defaultValue: { value:['', '', '', '', ''] }, - template: 'n' + template: 'n', + icon: 'icon-user' }, note: { readableName: t('contacts', 'Notes'), @@ -33,7 +34,8 @@ angular.module('contactsApp') url: { multiple: true, readableName: t('contacts', 'Website'), - template: 'url' + template: 'url', + icon: 'icon-public' }, cloud: { multiple: true, @@ -52,7 +54,7 @@ angular.module('contactsApp') multiple: true, readableName: t('contacts', 'Address'), template: 'adr', - icon: 'icon-link', + icon: 'icon-address', defaultValue: { value:['', '', '', '', '', '', ''], meta:{type:['HOME']} @@ -101,7 +103,7 @@ angular.module('contactsApp') multiple: true, readableName: t('contacts', 'Instant messaging'), template: 'username', - icon: 'icon-mail', + icon: 'icon-comment', defaultValue: { value:[''], meta:{type:['SKYPE']} diff --git a/templates/propertyGroup.html b/templates/propertyGroup.html index eb8eeb68..e25ba091 100644 --- a/templates/propertyGroup.html +++ b/templates/propertyGroup.html @@ -1,3 +1,6 @@ -<h3 class="propertyGroup__title" ng-class="ctrl.getIconClass()">{{ctrl.getReadableName()}}</h3> +<h3 class="propertyGroup__title"> + <i ng-class="ctrl.getIconClass()"></i> + {{ctrl.getReadableName()}} +</h3> <detailsItem ng-repeat="property in ctrl.properties" name="ctrl.name" data="property" model="ctrl.contact" index="$index" class="details-item-{{ctrl.name}}" ng-class="{ 'failed': ctrl.contact.failedProps.indexOf(ctrl.name) !== -1 }"></detailsItem> |