From 349a037d9e6ce1750f9d229ce1ef887e3424c8a4 Mon Sep 17 00:00:00 2001
From: blavenie <benoit.lavenier@e-is.pro>
Date: Sat, 15 Feb 2020 12:07:41 +0100
Subject: [PATCH] [fix] Fix CSS when editing profile social link - fix #878
---
www/plugins/es/css/style.css | 17 ++++++++++++++---
.../es/templates/common/edit_socials.html | 6 ++----
2 files changed, 16 insertions(+), 7 deletions(-)
diff --git a/www/plugins/es/css/style.css b/www/plugins/es/css/style.css
index a0891f9d..c95bc0e8 100644
--- a/www/plugins/es/css/style.css
+++ b/www/plugins/es/css/style.css
@@ -18,6 +18,17 @@
background-color: #f5f5f5 !important;
}
+/**********
+ Social link item
+**********/
+
+.item.item-social-edit h2 {
+ overflow: inherit ;
+ text-overflow: inherit ;
+ white-space: normal !important;
+ display: block;
+}
+
/**********
Record list
**********/
@@ -36,7 +47,7 @@
.row-record .col {
padding-top: 5px;
- padding-bottom: 0px;
+ padding-bottom: 0;
}
.row-record .item-avatar i.item-image {
@@ -137,8 +148,8 @@
.hero .content .button.button-camera {
display: block;
position: absolute;
- bottom: 0px;
- right: 0px;
+ bottom: 0;
+ right: 0;
}
.hero .content i.avatar .button {
diff --git a/www/plugins/es/templates/common/edit_socials.html b/www/plugins/es/templates/common/edit_socials.html
index e6adf9d6..e6ffd374 100644
--- a/www/plugins/es/templates/common/edit_socials.html
+++ b/www/plugins/es/templates/common/edit_socials.html
@@ -15,7 +15,7 @@
<ion-list show-reorder="socialData.reorder">
- <ion-item class="item-remove-animate item-icon-left "
+ <ion-item class="item-remove-animate item-icon-left item-social-edit"
type="no-padding item-text-wrap"
ng-if="formData.socials && formData.socials.length"
ng-repeat="social in formData.socials | filter:filterFn track by social.url"
@@ -27,9 +27,7 @@
<i class="ion-locked" ng-if="social.recipient"></i>
</p>
<h2>
- <a href="{{social.url}}" ng-if="social.type != 'email' && social.type != 'phone'" target="_blank">{{social.url}}</a>
- <a href="mailto:{{social.url}}" ng-if="social.type == 'email'">{{social.url}}</a>
- <a href="tel:{{social.url}}" ng-if="social.type == 'phone'">{{social.url}}</a>
+ <span>{{social.url}}</span>
<a class="gray hidden-device"
ng-if="!social.recipient && !socialData.reorder"
ng-click="formData.socials.splice($index, 1); dirty = true;">
--
GitLab