Merge pull request #183 from plone/photoentrytitlefix

Allow long photoAlbumEntryTitle entries to break to fit width.
plone · Jun 20, 2019 · 316dcf6 · 316dcf6
2 parents 176b581 + 7ae924e
commit 316dcf6
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 14 deletions.
diff --git a/news/183.bugfix b/news/183.bugfix
@@ -0,0 +1,2 @@
+Allow long photoAlbumEntryTitle entries to break to fit width.
+[agitator]
diff --git a/plonetheme/barceloneta/theme/less/barceloneta-compiled.css b/plonetheme/barceloneta/theme/less/barceloneta-compiled.css
diff --git a/plonetheme/barceloneta/theme/less/barceloneta-compiled.css.map b/plonetheme/barceloneta/theme/less/barceloneta-compiled.css.map
diff --git a/plonetheme/barceloneta/theme/less/thumbs.plone.less b/plonetheme/barceloneta/theme/less/thumbs.plone.less
@@ -7,20 +7,30 @@
 
 .photoAlbumEntry {
 	display: inline-block;
-	margin: 5px; 
+	margin: 5px;
 	vertical-align: middle;
-	a { 
-		text-align:center; 
-		vertical-align: middle; display: 
-		table-cell; 
+
+	a {
+		text-align: center;
+		vertical-align: middle;
+		display:
+			table-cell;
 		font-weight: @plone-font-weight-regular;
-		box-shadow: 0 1px 3px rgba(0,0,0,.05);
-		border: @plone-portlet-border; 
+		box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
+		border: @plone-portlet-border;
 		border-radius: @plone-border-radius-base;
-		background: @plone-portlet-footer-bg; 
-		width: 220px; 
-		height: 240px;}
+		background: @plone-portlet-footer-bg;
+		width: 220px;
+		height: 240px;
+
+		.photoAlbumEntryTitle {
+			hyphens: auto;
+			word-break: break-word;
+		}
+	}
+
 	img {
-		max-width: 200px; 
-		max-height: 200px; }
-}
+		max-width: 200px;
+		max-height: 200px;
+	}
+}