Merge branch 'wrap-long-item-title' into 'master'

Wrap long titles of articles and uploads Avoids that long titles bleed through the borders in article/files listings. See merge request !790

Merge branch 'wrap-long-item-title' into 'master'
Wrap long titles of articles and uploads Avoids that long titles bleed through the borders in article/files listings. See merge request !790
Braulio Bhavamitra
2 parents 1891de67 dea9c592
Showing 4 changed files with 9 additions and 0 deletions Show diff stats
public/stylesheets/cms.scss
public/stylesheets/content/blog.scss
public/stylesheets/content/folder.scss
public/stylesheets/content/image-gallery.scss
@@ -166,6 +166,12 @@ table.cms-articles .icon:hover {
   white-space: nowrap;
 }
  
+.controller-cms td.article-name {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
 .controller-cms .article-controls {
   white-space: nowrap;
 }
@@ -7,6 +7,7 @@
 }
 #content .title {
   margin-bottom: 2px;
+  word-wrap: break-word;
 }
 .blog-post .post-pic {
   background-position: 50% 40%;
@@ -2,6 +2,7 @@
 .article-body ul.folder-content {
   list-style-type: none;
   padding: 0;
+  word-wrap: break-word;
 }
  
 .folder-content .folder-item img {
@@ -13,6 +13,7 @@
   list-style: none;
   overflow: hidden;
   background-repeat: no-repeat;
+  word-wrap: break-word;
 }
 .image-gallery-item span {
   text-align: center;
...	...	@@ -166,6 +166,12 @@ table.cms-articles .icon:hover {
166	166	white-space: nowrap;
167	167	}
168	168
	169	+.controller-cms td.article-name {
	170	+ text-overflow: ellipsis;
	171	+ white-space: nowrap;
	172	+ overflow: hidden;
	173	+}
	174	+
169	175	.controller-cms .article-controls {
170	176	white-space: nowrap;
171	177	}
...	...
...	...	@@ -7,6 +7,7 @@
7	7	}
8	8	#content .title {
9	9	margin-bottom: 2px;
	10	+ word-wrap: break-word;
10	11	}
11	12	.blog-post .post-pic {
12	13	background-position: 50% 40%;
...	...
...	...	@@ -2,6 +2,7 @@
2	2	.article-body ul.folder-content {
3	3	list-style-type: none;
4	4	padding: 0;
	5	+ word-wrap: break-word;
5	6	}
6	7
7	8	.folder-content .folder-item img {
...	...
...	...	@@ -13,6 +13,7 @@
13	13	list-style: none;
14	14	overflow: hidden;
15	15	background-repeat: no-repeat;
	16	+ word-wrap: break-word;
16	17	}
17	18	.image-gallery-item span {
18	19	text-align: center;
...	...