فهرست منبع

Added Truncate to Email in Profile Page

Yoginth 7 سال پیش
والد
کامیت
dab97a0e43
3فایلهای تغییر یافته به همراه16 افزوده شده و 1 حذف شده
  1. 7 0
      public/css/gitote.css
  2. 8 0
      public/less/_user.less
  3. 1 1
      templates/user/profile.tmpl

+ 7 - 0
public/css/gitote.css

@@ -3485,6 +3485,13 @@ footer .ui.language .menu {
   box-shadow: inset 0 -1px 0 rgba(27, 31, 35, 0.12);
   background-color: #0366d6;
 }
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: inline-block;
+  width: 85%;
+  margin-bottom: -6px;
+}
 @media (max-width: 1020px) {
   .ui.eleven.wide.column {
     width: 100% !important;

+ 8 - 0
public/less/_user.less

@@ -205,6 +205,14 @@
     background-color: #0366d6;
 }
 
+.truncate {
+	overflow: hidden;
+    text-overflow: ellipsis;
+    display: inline-block;
+    width: 85%;
+    margin-bottom: -6px;
+}
+
 // Mobile
 @media (max-width: 1020px) {
 	.ui.eleven.wide.column{

+ 1 - 1
templates/user/profile.tmpl

@@ -130,7 +130,7 @@
 							{{if and .Owner.Email .IsLogged}}
 								<li>
 									<i class="menu-icon octicon">📧</i>
-									<a href="mailto:{{.Owner.Email}}" rel="nofollow">{{.Owner.Email}}</a>
+									<a class="truncate" href="mailto:{{.Owner.Email}}" rel="nofollow">{{.Owner.Email}}</a>
 								</li>
 							{{end}}
 							{{if .Owner.Website}}