diff --git a/css/main.css b/css/main.css index f1c07fa0..01d40aec 100644 --- a/css/main.css +++ b/css/main.css @@ -121,6 +121,12 @@ sup { margin-bottom: 0; } +.no-wrap { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + /** * Region Definitions. */ diff --git a/modules/default/newsfeed/README.md b/modules/default/newsfeed/README.md index bfaa1aad..7758bb10 100644 --- a/modules/default/newsfeed/README.md +++ b/modules/default/newsfeed/README.md @@ -63,6 +63,8 @@ The following properties can be configured: | `showSourceTitle` | Display the title of the source.

**Possible values:** `true` or `false`
**Default value:** `true` | `showPublishDate` | Display the publish date of an headline.

**Possible values:** `true` or `false`
**Default value:** `true` | `showDescription` | Display the description of an item.

**Possible values:** `true` or `false`
**Default value:** `false` +| `wrapTitle` | Wrap the title of the item to multiple lines.

**Possible values:** `true` or `false`
**Default value:** `true` +| `wrapDescription` | Wrap the description of the item to multiple lines.

**Possible values:** `true` or `false`
**Default value:** `true` | `reloadInterval` | How often does the content needs to be fetched? (Milliseconds)

**Possible values:** `1000` - `86400000`
**Default value:** `300000` (5 minutes) | `updateInterval` | How often do you want to display a new headline? (Milliseconds)

**Possible values:**`1000` - `60000`
**Default value:** `10000` (10 seconds) | `animationSpeed` | Speed of the update animation. (Milliseconds)

**Possible values:**`0` - `5000`
**Default value:** `2500` (2.5 seconds) diff --git a/modules/default/newsfeed/newsfeed.js b/modules/default/newsfeed/newsfeed.js index 7c31717a..738b3130 100644 --- a/modules/default/newsfeed/newsfeed.js +++ b/modules/default/newsfeed/newsfeed.js @@ -21,6 +21,8 @@ Module.register("newsfeed",{ showSourceTitle: true, showPublishDate: true, showDescription: false, + wrapTitle: true, + wrapDescription: true, reloadInterval: 5 * 60 * 1000, // every 5 minutes updateInterval: 10 * 1000, animationSpeed: 2.5 * 1000, @@ -155,14 +157,14 @@ Module.register("newsfeed",{ if(!this.config.showFullArticle){ var title = document.createElement("div"); - title.className = "bright medium light"; + title.className = "bright medium light" + (!this.config.wrapTitle ? " no-wrap" : ""); title.innerHTML = this.newsItems[this.activeItem].title; wrapper.appendChild(title); } if (this.config.showDescription) { var description = document.createElement("div"); - description.className = "small light"; + description.className = "small light" + (!this.config.wrapDescription ? " no-wrap" : ""); description.innerHTML = this.newsItems[this.activeItem].description; wrapper.appendChild(description); }