Fixed #2909 (#2979)

public/css/gogs.css

@@ -33,6 +33,21 @@ code.wrap {
   /* CSS 3 */
   word-break: break-word;
 }
+.dont-break-out {
+  /* These are technically the same, but use both */
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  -ms-word-break: break-all;
+  /* This is the dangerous one in WebKit, as it breaks things wherever */
+  word-break: break-all;
+  /* Instead use this non-standard one: */
+  word-break: break-word;
+  /* Adds a hyphen where the word breaks, if supported (No Blink) */
+  -ms-hyphens: auto;
+  -moz-hyphens: auto;
+  -webkit-hyphens: auto;
+  hyphens: auto;
+}
 .full.height {
   padding: 0;
   margin: 0 0 -80px 0;
@@ -2144,6 +2159,21 @@ footer .container .links > *:first-child {
   width: 20px;
   text-align: center;
 }
+.settings .hook.list .item a {
+  /* These are technically the same, but use both */
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  -ms-word-break: break-all;
+  /* This is the dangerous one in WebKit, as it breaks things wherever */
+  word-break: break-all;
+  /* Instead use this non-standard one: */
+  word-break: break-word;
+  /* Adds a hyphen where the word breaks, if supported (No Blink) */
+  -ms-hyphens: auto;
+  -moz-hyphens: auto;
+  -webkit-hyphens: auto;
+  hyphens: auto;
+}
 .settings .hook.history.list .item {
   padding-left: 13px;
 }

public/less/_base.less

@@ -28,6 +28,23 @@ pre, code {
 		word-break: break-word;
 	}
 }
+.dont-break-out {
+  /* These are technically the same, but use both */
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+
+  -ms-word-break: break-all;
+  /* This is the dangerous one in WebKit, as it breaks things wherever */
+  word-break: break-all;
+  /* Instead use this non-standard one: */
+  word-break: break-word;
+
+  /* Adds a hyphen where the word breaks, if supported (No Blink) */
+  -ms-hyphens: auto;
+  -moz-hyphens: auto;
+  -webkit-hyphens: auto;
+  hyphens: auto;
+}
 .full.height {
 	padding: 0;
 	margin: 0 0 -@footer-margin*2 0;

public/less/_repository.less

@@ -1206,6 +1206,9 @@
 				width: 20px;
 				text-align: center;
 			}
+			a {
+				.dont-break-out;
+			}
 		}
 	}
 	.hook.history.list {
@@ -1321,5 +1324,3 @@
 		width: 100%!important;
 	}
 }
-
-