qwc2 2026.2.9 → 2026.2.13

package/components/AttributeTableWidget.js

@@ -815,7 +815,8 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
+      var _this2 = this,
+        _ConfigUtils$getPlugi;
       var captchaRequired = ConfigUtils.getConfigProp("editServiceCaptchaSiteKey") && !ConfigUtils.getConfigProp("username");
       var captchaPending = captchaRequired && !this.state.captchaResponse;
       var curEditConfig = this.state.curEditConfig;
@@ -824,6 +825,7 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
       var loading = this.state.loading;
       var editing = this.state.changedFeatureIdx !== null || this.state.newFeature !== null;
       var selectionEmpty = this.state.selectedFeatures.isEmpty();
+      var showIdColumn = !this.props.showDisplayFieldOnly && !this.props.hideIdColumn;
       var loadOverlay = null;
       if (loading) {
         loadOverlay = /*#__PURE__*/React.createElement("div", {
@@ -881,7 +883,7 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
           style: {
             display: this.state.tableReady ? '' : 'none'
           }
-        }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", null), !this.props.showDisplayFieldOnly ? /*#__PURE__*/React.createElement("th", {
+        }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", null), showIdColumn ? /*#__PURE__*/React.createElement("th", {
           onClick: function onClick() {
             return _this2.sortBy(primaryKey);
           },
@@ -904,7 +906,7 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
           }, _this2.translateFieldName(field.name), field.expression ? /*#__PURE__*/React.createElement(Icon, {
             icon: "epsilon",
             title: LocaleUtils.tr("attribtable.calculatedfield")
-          }) : null), _this2.renderSortIndicator(field.id), idx < fields.length - 1 ? _this2.renderColumnResizeHandle(idx + 2, 'r') : null));
+          }) : null), _this2.renderSortIndicator(field.id), idx < fields.length - 1 ? _this2.renderColumnResizeHandle(idx + (showIdColumn ? 2 : 1), 'r') : null));
         }))), /*#__PURE__*/React.createElement("tbody", null, features.map(function (feature, sliceidx) {
           var featureidx = indexOffset + sliceidx;
           var disabled = readOnly || editing && _this2.state.changedFeatureIdx !== featureidx;
@@ -937,7 +939,7 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
               });
             },
             type: "checkbox"
-          }), _this2.renderRowResizeHandle(sliceidx + 1, 'b'))), !_this2.props.showDisplayFieldOnly ? /*#__PURE__*/React.createElement("td", null, feature.id) : null, fields.map(function (field) {
+          }), _this2.renderRowResizeHandle(sliceidx + 1, 'b'))), showIdColumn ? /*#__PURE__*/React.createElement("td", null, feature.id) : null, fields.map(function (field) {
             return /*#__PURE__*/React.createElement("td", {
               key: field.id
             }, _this2.renderField(feature, curEditConfig, mapPrefix, field, updateField, disabled || !!_this2.state.filterVal && field.id === _this2.state.filterField));
@@ -945,7 +947,7 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
         }), this.state.newFeature ? /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("span", null, features.length > 0 ? this.renderRowResizeHandle(features.length, 't') : null, /*#__PURE__*/React.createElement("input", {
           disabled: true,
           type: "checkbox"
-        }), this.renderRowResizeHandle(features.length + 1, 'b'))), !this.props.showDisplayFieldOnly ? /*#__PURE__*/React.createElement("td", null, this.state.newFeature.id) : null, fields.map(function (field) {
+        }), this.renderRowResizeHandle(features.length + 1, 'b'))), showIdColumn ? /*#__PURE__*/React.createElement("td", null, this.state.newFeature.id) : null, fields.map(function (field) {
           return /*#__PURE__*/React.createElement("td", {
             key: field.id
           }, _this2.renderField(_this2.state.newFeature, curEditConfig, mapPrefix, field, _this2.updateNewFeatureField, false));
@@ -1027,9 +1029,9 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
             return _this2.updateFilter("filterField", ev.target.value);
           },
           value: this.state.filterField
-        }, /*#__PURE__*/React.createElement("option", {
+        }, showIdColumn ? /*#__PURE__*/React.createElement("option", {
           value: "<id>"
-        }, this.translateFieldName("id")), fields.map(function (field) {
+        }, this.translateFieldName(primaryKey)) : null, fields.map(function (field) {
           return /*#__PURE__*/React.createElement("option", {
             key: field.id,
             value: field.id
@@ -1070,7 +1072,9 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
       var hasGeometry = (curEditConfig || {}).geomType !== null;
       var showAddButton = !this.props.readOnly && editPermissions.creatable !== false && (this.props.allowAddForGeometryLayers || !hasGeometry);
       var showDelButton = !this.props.readOnly && editPermissions.deletable !== false;
-      var showEditButton = !this.props.readOnly && ConfigUtils.havePlugin("Editing") && this.props.showEditFormButton;
+      var showEditButton = !this.props.readOnly && ConfigUtils.havePlugin("Editing") && this.props.showEditFormButton && !((_ConfigUtils$getPlugi = ConfigUtils.getPluginConfig("Editing")) !== null && _ConfigUtils$getPlugi !== void 0 && (_ConfigUtils$getPlugi = _ConfigUtils$getPlugi.cfg) !== null && _ConfigUtils$getPlugi !== void 0 && _ConfigUtils$getPlugi.omitReadOnlyDatasets && Object.values((curEditConfig === null || curEditConfig === void 0 ? void 0 : curEditConfig.permissions) || {}).every(function (permission) {
+        return permission === false;
+      }));
       var deleteButton = showDelButton ? /*#__PURE__*/React.createElement("button", {
         className: "button",
         disabled: layerChanged || editing || selectionEmpty,
@@ -1217,6 +1221,8 @@ _defineProperty(AttributeTableWidget, "propTypes", {
   allowAddForGeometryLayers: PropTypes.bool,
   editConfigs: PropTypes.object,
   filter: PropTypes.object,
+  /** Whether to hide the id (primary key) column. */
+  hideIdColumn: PropTypes.bool,
   iface: PropTypes.object,
   initialLayer: PropTypes.string,
   layers: PropTypes.array,

package/components/SearchBox.js

@@ -477,7 +477,7 @@ var SearchBox = /*#__PURE__*/function (_React$Component) {
           return _this.selectLayerResult(provider, group, result);
         },
         title: LocaleUtils.tr("themeswitcher.addtotheme")
-      }) : null, result.sublayers ? /*#__PURE__*/React.createElement(Icon, {
+      }) : null, _this.props.searchOptions.allowAddLayerAsGroup && result.sublayers ? /*#__PURE__*/React.createElement(Icon, {
         icon: "group",
         onClick: function onClick() {
           return _this.selectLayerResult(provider, group, result, true);
@@ -1258,6 +1258,7 @@ _defineProperty(SearchBox, "propTypes", {
   removeLayer: PropTypes.func,
   replacePlaceholderLayer: PropTypes.func,
   searchOptions: PropTypes.shape({
+    allowAddLayerAsGroup: PropTypes.bool,
     allowSearchFilters: PropTypes.bool,
     focusOnStartup: PropTypes.bool,
     hideResultLabels: PropTypes.bool,

package/components/map3d/utils/Tiles3DStyle.js

@@ -83,7 +83,10 @@ function featureLabel(objectId, featureProperties, context) {
       offset: (_context$featureStyle5 = context.featureStyles[objectId].labelOffset) !== null && _context$featureStyle5 !== void 0 ? _context$featureStyle5 : 80
     };
   } else if (context.labelAttr) {
-    return featureProperties[context.labelAttr];
+    return {
+      text: featureProperties[context.labelAttr],
+      offset: 0
+    };
   } else {
     return null;
   }

package/components/widgets/LayerCatalogWidget.js

@@ -267,7 +267,8 @@ var LayerCatalogWidget = /*#__PURE__*/function (_React$PureComponent) {
         icon: "clear",
         onClick: function onClick() {
           return _this3.setState({
-            filter: ""
+            filter: "",
+            filteredCatalog: null
           });
         },
         role: "suffix"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "qwc2",
-    "version": "2026.02.09",
+    "version": "2026.02.13",
     "description": "QGIS Web Client",
     "author": "Sourcepole AG",
     "license": "BSD-2-Clause",

package/plugins/AttributeTable.js

@@ -75,6 +75,7 @@ var AttributeTable = /*#__PURE__*/function (_React$Component) {
         title: LocaleUtils.tr("attribtable.title")
       }, /*#__PURE__*/React.createElement(AttributeTableWidget, {
         allowAddForGeometryLayers: this.props.allowAddForGeometryLayers,
+        hideIdColumn: this.props.hideIdColumn,
         iface: this.props.iface,
         initialLayer: (_this$props$taskData = this.props.taskData) === null || _this$props$taskData === void 0 ? void 0 : _this$props$taskData.layer,
         limitToExtent: this.props.limitToExtent,
@@ -100,6 +101,8 @@ _defineProperty(AttributeTable, "propTypes", {
     initiallyDocked: PropTypes.bool,
     side: PropTypes.string
   }),
+  /** Whether to hide the id (primary key) column. */
+  hideIdColumn: PropTypes.bool,
   iface: PropTypes.object,
   /** Whether to limit to the extent by default. */
   limitToExtent: PropTypes.bool,

package/plugins/Bookmark.js

@@ -124,7 +124,7 @@ var Bookmark = /*#__PURE__*/function (_React$Component) {
       _this.setState({
         busy: true
       });
-      createBookmark(_this.props.theme.title, function (success, key) {
+      createBookmark(LocaleUtils.tr("bookmark.newbookmark"), function (success, key) {
         if (!success) {
           /* eslint-disable-next-line */
           alert(LocaleUtils.tr("bookmark.addfailed"));

package/plugins/GeometryDigitizer.js

@@ -488,7 +488,7 @@ var GeometryDigitizer = /*#__PURE__*/function (_React$Component) {
         features.push(_this.props.redlining.selectedFeature);
       }
       var invalidPoly = features.find(function (feature) {
-        return feature.geometry.type === "Polygon" && !isEmpty(polySelfIntersections(feature).geometry.coordinates);
+        return feature.geometry.type === "Polygon" && !isEmpty(polySelfIntersections(feature));
       });
       if (invalidPoly) {
         /* eslint-disable-next-line */

package/plugins/MapFilter.js

@@ -77,7 +77,7 @@ var MapFilter = /*#__PURE__*/function (_React$Component) {
       filterInvalid: false
     });
     _defineProperty(_this, "collectPredefinedFilters", function (layers) {
-      return layers.reduce(function (res, layer) {
+      var filters = layers.reduce(function (res, layer) {
         return _objectSpread(_objectSpread({}, res), (layer.predefinedFilters || []).reduce(function (res2, config) {
           return _objectSpread(_objectSpread({}, res2), {}, _defineProperty({}, config.id, _objectSpread(_objectSpread({}, config), {}, {
             filter: Object.fromEntries(Object.entries(config.filter).map(function (_ref) {
@@ -89,40 +89,55 @@ var MapFilter = /*#__PURE__*/function (_React$Component) {
           })));
         }, {}));
       }, {});
+      if (_this.props.allowFilterByTime) {
+        var timeFilter = {};
+        layers.forEach(function (layer) {
+          return _this.buildTimeFilter(layer, timeFilter, layer.wms_name);
+        });
+        if (!isEmpty(timeFilter)) {
+          filters.__timefilter = {
+            id: "__timefilter",
+            active: false,
+            filter: timeFilter,
+            title: LocaleUtils.tr("mapfilter.timefilter"),
+            fields: [{
+              id: "tstart",
+              defaultValue: "",
+              inputConfig: {
+                type: "datetime"
+              },
+              title: LocaleUtils.tr("mapfilter.timefrom")
+            }, {
+              id: "tend",
+              defaultValue: "",
+              inputConfig: {
+                type: "datetime"
+              },
+              title: LocaleUtils.tr("mapfilter.timeto")
+            }],
+            defaultValues: {
+              tstart: '1800-01-01',
+              tend: '9999-12-31'
+            }
+          };
+        }
+      }
+      return filters;
     });
     _defineProperty(_this, "initializeFilters", function (predefinedFilters, prevFilters) {
       clearTimeout(_this.applyFilterTimeout);
       _this.applyFilterTimeout = null;
-      var filters = Object.values(predefinedFilters).reduce(function (res, filterConfig) {
+      return Object.values(predefinedFilters).reduce(function (res, filterConfig) {
         var _prevFilters$filterCo;
         return _objectSpread(_objectSpread({}, res), {}, _defineProperty({}, filterConfig.id, (_prevFilters$filterCo = prevFilters === null || prevFilters === void 0 ? void 0 : prevFilters[filterConfig.id]) !== null && _prevFilters$filterCo !== void 0 ? _prevFilters$filterCo : {
           active: false,
           filter: filterConfig.filter,
           values: filterConfig.fields.reduce(function (values, valueConfig) {
             return _objectSpread(_objectSpread({}, values), {}, _defineProperty({}, valueConfig.id, valueConfig.defaultValue));
-          }, {})
+          }, {}),
+          defaultValues: filterConfig.defaultValues
         }));
       }, {});
-      var timeFilter = {};
-      _this.props.layers.forEach(function (layer) {
-        return _this.buildTimeFilter(layer, timeFilter, layer.wms_name);
-      });
-      if (!isEmpty(timeFilter) && _this.props.allowFilterByTime) {
-        var _prevFilters$__timefi, _prevFilters$__timefi2, _prevFilters$__timefi3, _prevFilters$__timefi4;
-        filters.__timefilter = {
-          active: (_prevFilters$__timefi = (_prevFilters$__timefi2 = prevFilters.__timefilter) === null || _prevFilters$__timefi2 === void 0 ? void 0 : _prevFilters$__timefi2.active) !== null && _prevFilters$__timefi !== void 0 ? _prevFilters$__timefi : false,
-          filter: timeFilter,
-          values: (_prevFilters$__timefi3 = (_prevFilters$__timefi4 = prevFilters.__timefilter) === null || _prevFilters$__timefi4 === void 0 ? void 0 : _prevFilters$__timefi4.values) !== null && _prevFilters$__timefi3 !== void 0 ? _prevFilters$__timefi3 : {
-            tstart: "",
-            tend: ""
-          },
-          defaultValues: {
-            tstart: '1800-01-01',
-            tend: '9999-12-31'
-          }
-        };
-      }
-      return filters;
     });
     _defineProperty(_this, "applyFilter", function () {
       var _this$state$filters$_;
@@ -279,7 +294,7 @@ var MapFilter = /*#__PURE__*/function (_React$Component) {
       if (_this.state.filterEditor) {
         return _this.renderFilterEditor();
       } else {
-        return [_this.renderInvalidWarning()].concat(_toConsumableArray(_this.renderPredefinedFilters()), [_this.props.allowFilterByTime ? _this.renderTimeFilter() : null, _this.props.allowFilterByGeom ? _this.renderGeomFilter() : null], _toConsumableArray(_this.renderCustomFilters()));
+        return [_this.renderInvalidWarning()].concat(_toConsumableArray(_this.renderPredefinedFilters()), [_this.props.allowFilterByGeom ? _this.renderGeomFilter() : null], _toConsumableArray(_this.renderCustomFilters()));
       }
     });
     _defineProperty(_this, "renderInvalidWarning", function () {
@@ -389,61 +404,42 @@ var MapFilter = /*#__PURE__*/function (_React$Component) {
           var _field$title;
           return /*#__PURE__*/React.createElement("tr", {
             key: field.id
-          }, /*#__PURE__*/React.createElement("td", null, (_field$title = field.title) !== null && _field$title !== void 0 ? _field$title : LocaleUtils.tr(field.titlemsgid), ": "), /*#__PURE__*/React.createElement("td", null, field.inputConfig.type === 'select' ? /*#__PURE__*/React.createElement("select", {
-            onChange: function onChange(ev) {
-              return _this.updateFieldValue(config.id, field.id, ev.target.value);
-            },
-            value: _this.state.filters[config.id].values[field.id]
-          }, !field.defaultValue ? /*#__PURE__*/React.createElement("option", {
-            value: ""
-          }, LocaleUtils.tr("common.select")) : null, field.inputConfig.options.map(function (entry) {
-            var _entry$value, _entry$value2, _entry$label;
-            return /*#__PURE__*/React.createElement("option", {
-              key: (_entry$value = entry.value) !== null && _entry$value !== void 0 ? _entry$value : entry,
-              value: (_entry$value2 = entry.value) !== null && _entry$value2 !== void 0 ? _entry$value2 : entry
-            }, (_entry$label = entry.label) !== null && _entry$label !== void 0 ? _entry$label : entry.labelmsgid ? LocaleUtils.tr(entry.labelmsgid) : entry);
-          })) : /*#__PURE__*/React.createElement("input", _extends({
-            onChange: function onChange(ev) {
-              return _this.updateFieldValue(config.id, field.id, ev.target.value);
-            },
-            type: "text",
-            value: _this.state.filters[config.id].values[field.id] || ""
-          }, field.inputConfig))));
+          }, /*#__PURE__*/React.createElement("td", null, (_field$title = field.title) !== null && _field$title !== void 0 ? _field$title : LocaleUtils.tr(field.titlemsgid), ": "), /*#__PURE__*/React.createElement("td", null, _this.renderFilterField(config.id, field)));
         })))));
       });
     });
-    _defineProperty(_this, "renderTimeFilter", function () {
-      var timeFilter = _this.state.filters.__timefilter;
-      if (!timeFilter) {
-        return null;
+    _defineProperty(_this, "renderFilterField", function (configid, field) {
+      if (field.inputConfig.type === 'select') {
+        return /*#__PURE__*/React.createElement("select", {
+          onChange: function onChange(ev) {
+            return _this.updateFieldValue(configid, field.id, ev.target.value);
+          },
+          value: _this.state.filters[configid].values[field.id]
+        }, !field.defaultValue ? /*#__PURE__*/React.createElement("option", {
+          value: ""
+        }, LocaleUtils.tr("common.select")) : null, field.inputConfig.options.map(function (entry) {
+          var _entry$value, _entry$value2, _entry$label;
+          return /*#__PURE__*/React.createElement("option", {
+            key: (_entry$value = entry.value) !== null && _entry$value !== void 0 ? _entry$value : entry,
+            value: (_entry$value2 = entry.value) !== null && _entry$value2 !== void 0 ? _entry$value2 : entry
+          }, (_entry$label = entry.label) !== null && _entry$label !== void 0 ? _entry$label : entry.labelmsgid ? LocaleUtils.tr(entry.labelmsgid) : entry);
+        }));
+      } else if (field.inputConfig.type === "datetime") {
+        return /*#__PURE__*/React.createElement(DateTimeInput, {
+          onChange: function onChange(value) {
+            return _this.updateFieldValue(configid, field.id, value);
+          },
+          value: _this.state.filters[configid].values[field.id] || ""
+        });
+      } else {
+        return /*#__PURE__*/React.createElement("input", _extends({
+          onChange: function onChange(ev) {
+            return _this.updateFieldValue(configid, field.id, ev.target.value);
+          },
+          type: "text",
+          value: _this.state.filters[configid].values[field.id] || ""
+        }, field.inputConfig));
       }
-      return /*#__PURE__*/React.createElement("div", {
-        className: "map-filter-entry",
-        key: "__timefilter"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "map-filter-entry-titlebar"
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "map-filter-entry-title"
-      }, LocaleUtils.tr("mapfilter.timefilter")), /*#__PURE__*/React.createElement(ToggleSwitch, {
-        active: timeFilter.active,
-        onChange: function onChange(active) {
-          return _this.toggleFilter("__timefilter", active);
-        }
-      })), /*#__PURE__*/React.createElement("div", {
-        className: "map-filter-entry-body"
-      }, /*#__PURE__*/React.createElement("table", {
-        className: "map-filter-entry-fields"
-      }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, LocaleUtils.tr("mapfilter.timefrom"), ": "), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(DateTimeInput, {
-        onChange: function onChange(value) {
-          return _this.updateFieldValue("__timefilter", "tstart", value);
-        },
-        value: timeFilter.values.tstart
-      }))), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, LocaleUtils.tr("mapfilter.timeto"), ": "), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(DateTimeInput, {
-        onChange: function onChange(value) {
-          return _this.updateFieldValue("__timefilter", "tend", value);
-        },
-        value: timeFilter.values.tend
-      })))))));
     });
     _defineProperty(_this, "renderCustomFilters", function () {
       if (!_this.props.allowCustomFilters) {

package/plugins/TopBar.js

@@ -241,6 +241,8 @@ _defineProperty(TopBar, "propTypes", {
   registerTaskSearchProvider: PropTypes.bool,
   /** Options passed down to the search component. */
   searchOptions: PropTypes.shape({
+    /** Whether to show an icon to add a layer result as a group (i.e. with visibile sublayers). */
+    allowAddLayerAsGroup: PropTypes.bool,
     /** Whether to show the search filter widget. */
     allowSearchFilters: PropTypes.bool,
     /** Whether to focus the search field on startup. */
@@ -284,6 +286,7 @@ _defineProperty(TopBar, "propTypes", {
 });
 _defineProperty(TopBar, "defaultProps", {
   searchOptions: {
+    allowAddLayerAsGroup: true,
     showHighlightMarker: true,
     showResultInSearchText: true,
     minScaleDenom: 1000

package/plugins/map3d/Identify3D.js

@@ -33,12 +33,14 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import React from 'react';
 import { connect } from 'react-redux';
 import axios from 'axios';
+import DOMPurify from 'dompurify';
 import isEmpty from 'lodash.isempty';
 import PropTypes from 'prop-types';
 import { BufferGeometry, Float32BufferAttribute, Mesh, MeshStandardMaterial, Raycaster, Vector2 } from 'three';
 import { TileMeshHelper } from '../../components/map3d/utils/MiscUtils3D';
 import ResizeableWindow from '../../components/ResizeableWindow';
 import LocaleUtils from '../../utils/LocaleUtils';
+import MiscUtils from '../../utils/MiscUtils';
 import '../../components/style/IdentifyViewer.css';
 
 /**
@@ -248,8 +250,11 @@ var Identify3D = /*#__PURE__*/function (_React$Component) {
         }, /*#__PURE__*/React.createElement("td", {
           className: "identify-attr-title"
         }, /*#__PURE__*/React.createElement("i", null, key)), /*#__PURE__*/React.createElement("td", {
-          className: "identify-attr-value"
-        }, value.toString()));
+          className: "identify-attr-value",
+          dangerouslySetInnerHTML: {
+            __html: MiscUtils.addLinkAnchors(DOMPurify.sanitize(value))
+          }
+        }));
       }))))));
     }
   }]);

package/plugins/style/Bookmark.css

@@ -57,7 +57,7 @@ div.bookmark-list-item > span.icon {
     flex: 0 0 1.5em;
 }
 
-div.bookmark-list-item > span.icon-trash {
+div.bookmark-list-item > span.icon-trash:hover {
     color: red;
 }
 
@@ -65,7 +65,8 @@ div.bookmark-list-item:not(.bookmark-list-item-active):nth-child(even) {
     background-color: var(--list-item-bg-color-even);
 }
 
-div.bookmark-list-item:hover {
+div.bookmark-list-item:hover,
+div.bookmark-list-item:not(.bookmark-list-item-active):nth-child(even):hover {
     background-color: var(--list-item-bg-color-hover);
     color: var(--list-item-text-color-hover);
 }

package/static/translations/bg-BG.json

@@ -93,6 +93,7 @@
       "addfailed": "Неуспешно създаване на отметки",
       "lastUpdate": "Последно запазен",
       "manage": "Управление на отметките",
+      "newbookmark": "",
       "nobookmarks": "Няма отметки",
       "notloggedin": "Трябва да сте влезли в системата, за да съхранявате отметки",
       "open": "Отваряне на отметки в текущия раздел",

package/static/translations/ca-ES.json

@@ -93,6 +93,7 @@
       "addfailed": "Error al crear",
       "lastUpdate": "Darrer canvi",
       "manage": "Gestionar",
+      "newbookmark": "",
       "nobookmarks": "Cap marcador",
       "notloggedin": "No logat",
       "open": "Obrir",

package/static/translations/cs-CZ.json

@@ -93,6 +93,7 @@
       "addfailed": "Vytváření záložky selhalo",
       "lastUpdate": "Naposledy upraveno",
       "manage": "Správa záložek",
+      "newbookmark": "",
       "nobookmarks": "Zatím žádné záložky",
       "notloggedin": "Pro vytvoření záložky se musíte přihlásit",
       "open": "Otevřít záložku",

package/static/translations/de-CH.json

@@ -93,6 +93,7 @@
       "addfailed": "Lesezeichen konnte nicht angelegt werden",
       "lastUpdate": "Zuletzt gespeichert",
       "manage": "Lesezeichen verwalten",
+      "newbookmark": "Neues Lesezeichen",
       "nobookmarks": "Keine Lesezeichen",
       "notloggedin": "Sie müssen angemeldet sein, um Lesezeichen zu verwenden",
       "open": "In aktuellem Fenster öffnen",

package/static/translations/de-DE.json

@@ -93,6 +93,7 @@
       "addfailed": "Lesezeichen konnte nicht angelegt werden",
       "lastUpdate": "Zuletzt gespeichert",
       "manage": "Lesezeichen verwalten",
+      "newbookmark": "Neues Lesezeichen",
       "nobookmarks": "Keine Lesezeichen",
       "notloggedin": "Sie müssen angemeldet sein, um Lesezeichen zu verwenden",
       "open": "In aktuellem Fenster öffnen",

package/static/translations/en-US.json

@@ -93,6 +93,7 @@
       "addfailed": "Failed to create bookmark",
       "lastUpdate": "Last saved",
       "manage": "Manage bookmarks",
+      "newbookmark": "New bookmark",
       "nobookmarks": "No bookmarks",
       "notloggedin": "You need to be logged in to store bookmarks",
       "open": "Open bookmark in current tab",

package/static/translations/es-ES.json

@@ -93,6 +93,7 @@
       "addfailed": "Error al crear",
       "lastUpdate": "Último guardado",
       "manage": "Administrar",
+      "newbookmark": "",
       "nobookmarks": "Ningún marcador",
       "notloggedin": "Se necesita tener sesión iniciada para guardar marcadores",
       "open": "Abrir en la pestaña actual",

package/static/translations/fi-FI.json

@@ -93,6 +93,7 @@
       "addfailed": "",
       "lastUpdate": "",
       "manage": "Kirjanmerkkien hallinta",
+      "newbookmark": "",
       "nobookmarks": "",
       "notloggedin": "",
       "open": "",

package/static/translations/fr-FR.json

@@ -93,6 +93,7 @@
       "addfailed": "Echec de création du marque-page",
       "lastUpdate": "Dernier enregistrement",
       "manage": "Gérer les marque-pages",
+      "newbookmark": "Nouveau marque-page",
       "nobookmarks": "Pas de marque-pages",
       "notloggedin": "Vous avez besoin d'être authentifié pour pouvoir enregistrer des marques-pages",
       "open": "Ouvrir le marque-page dans l'onglet courant",

package/static/translations/hu-HU.json

@@ -93,6 +93,7 @@
       "addfailed": "",
       "lastUpdate": "",
       "manage": "",
+      "newbookmark": "",
       "nobookmarks": "",
       "notloggedin": "",
       "open": "",

package/static/translations/it-IT.json

@@ -93,6 +93,7 @@
       "addfailed": "Impossibile creare il segnalibro",
       "lastUpdate": "Ultimo salvataggio",
       "manage": "Gestisci segnalibri",
+      "newbookmark": "Nuovo segnalibro",
       "nobookmarks": "Nessun segnalibro",
       "notloggedin": "È necessario aver effettuato l'accesso per utilizzare i segnalibri",
       "open": "Apri nella finestra corrente",

package/static/translations/ja-JP.json

@@ -93,6 +93,7 @@
       "addfailed": "ブックマークを作成出来ませんでした",
       "lastUpdate": "最後の保存",
       "manage": "ブックマークを管理",
+      "newbookmark": "",
       "nobookmarks": "ブックマーク無し",
       "notloggedin": "ブックマークを保存するためにはログインする必要があります",
       "open": "ブックマークを現在のタブで開く",

package/static/translations/nl-NL.json

@@ -93,6 +93,7 @@
       "addfailed": "Bladwijzer maken mislukt",
       "lastUpdate": "Laatst opgeslagen",
       "manage": "Beheer bladwijzers",
+      "newbookmark": "",
       "nobookmarks": "Geen bladwijzers",
       "notloggedin": "Je moet ingelogd zijn om bladwijzers op te slaan",
       "open": "Bladwijzer openen",

package/static/translations/no-NO.json

@@ -93,6 +93,7 @@
       "addfailed": "",
       "lastUpdate": "",
       "manage": "",
+      "newbookmark": "",
       "nobookmarks": "",
       "notloggedin": "",
       "open": "",

package/static/translations/pl-PL.json

@@ -93,6 +93,7 @@
       "addfailed": "",
       "lastUpdate": "",
       "manage": "",
+      "newbookmark": "",
       "nobookmarks": "",
       "notloggedin": "",
       "open": "",

package/static/translations/pt-BR.json

@@ -93,6 +93,7 @@
       "addfailed": "Falha ao adicionar",
       "lastUpdate": "Última atualização",
       "manage": "Gerenciar",
+      "newbookmark": "",
       "nobookmarks": "Sem favoritos",
       "notloggedin": "Não logado",
       "open": "Abrir",

package/static/translations/pt-PT.json

@@ -93,6 +93,7 @@
       "addfailed": "Falha ao Adicionar",
       "lastUpdate": "Última Atualização",
       "manage": "Gerir",
+      "newbookmark": "",
       "nobookmarks": "Sem Marcadores",
       "notloggedin": "Não Iniciou Sessão",
       "open": "Abrir",

package/static/translations/ro-RO.json

@@ -93,6 +93,7 @@
       "addfailed": "Semnul de carte nu a putut fi creat",
       "lastUpdate": "Ultima actualizare",
       "manage": "Gestionează ssemnele de carte",
+      "newbookmark": "",
       "nobookmarks": "Nu există semne de carte salvate",
       "notloggedin": "Pentru a salva semnele de carte trebuie să fiți autentificat",
       "open": "Deschide deschide semnul de carte în această pagină",

package/static/translations/ru-RU.json

@@ -93,6 +93,7 @@
       "addfailed": "",
       "lastUpdate": "",
       "manage": "",
+      "newbookmark": "",
       "nobookmarks": "",
       "notloggedin": "",
       "open": "",

package/static/translations/sv-SE.json

@@ -93,6 +93,7 @@
       "addfailed": "",
       "lastUpdate": "",
       "manage": "",
+      "newbookmark": "",
       "nobookmarks": "",
       "notloggedin": "",
       "open": "",

package/static/translations/tr-TR.json

@@ -93,6 +93,7 @@
       "addfailed": "Yer işareti oluşturulamadı",
       "lastUpdate": "Son kaydedilen",
       "manage": "Yer işaretlerini yönet",
+      "newbookmark": "",
       "nobookmarks": "Yer işareti yok",
       "notloggedin": "Yer işaretlerini kaydedebilmek için giriş yapmalısınız",
       "open": "Yer işaretini geçerli sekmede aç",

package/static/translations/tsconfig.json

@@ -119,6 +119,7 @@
     "bookmark.addfailed",
     "bookmark.lastUpdate",
     "bookmark.manage",
+    "bookmark.newbookmark",
     "bookmark.nobookmarks",
     "bookmark.notloggedin",
     "bookmark.open",

package/static/translations/uk-UA.json

@@ -93,6 +93,7 @@
       "addfailed": "",
       "lastUpdate": "",
       "manage": "",
+      "newbookmark": "",
       "nobookmarks": "",
       "notloggedin": "",
       "open": "",