From 1aa33085c17e1af6fcc2918fbfd8c24c402af91b Mon Sep 17 00:00:00 2001
From: Mihai CAZACU <cazacugmihai@gmail.com>
Date: Thu, 6 Aug 2020 16:15:59 +0300
Subject: [PATCH] add CSS class name support for zoom buttons

---
 src/ol/control/Zoom.js | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/ol/control/Zoom.js b/src/ol/control/Zoom.js
index b2ac5dae04..cfc3e16414 100644
--- a/src/ol/control/Zoom.js
+++ b/src/ol/control/Zoom.js
@@ -10,6 +10,8 @@ import {easeOut} from '../easing.js';
  * @typedef {Object} Options
  * @property {number} [duration=250] Animation duration in milliseconds.
  * @property {string} [className='ol-zoom'] CSS class name.
+ * @property {string} [zoomInClassName=className + '-in'] CSS class name for the zoom-in button.
+ * @property {string} [zoomOutClassName=className + '-out'] CSS class name for the zoom-out button.
  * @property {string|HTMLElement} [zoomInLabel='+'] Text label to use for the zoom-in
  * button. Instead of text, also an element (e.g. a `span` element) can be used.
  * @property {string|HTMLElement} [zoomOutLabel='-'] Text label to use for the zoom-out button.
@@ -46,6 +48,11 @@ class Zoom extends Control {
 
     const delta = options.delta !== undefined ? options.delta : 1;
 
+    const zoomInClassName =
+        options.zoomInClassName !== undefined ? options.zoomInClassName : className + '-in';
+    const zoomOutClassName =
+        options.zoomOutClassName !== undefined ? options.zoomOutClassName : className + '-out';
+
     const zoomInLabel =
       options.zoomInLabel !== undefined ? options.zoomInLabel : '+';
     const zoomOutLabel =
@@ -59,7 +66,7 @@ class Zoom extends Control {
         : 'Zoom out';
 
     const inElement = document.createElement('button');
-    inElement.className = className + '-in';
+    inElement.className = zoomInClassName;
     inElement.setAttribute('type', 'button');
     inElement.title = zoomInTipLabel;
     inElement.appendChild(
@@ -75,7 +82,7 @@ class Zoom extends Control {
     );
 
     const outElement = document.createElement('button');
-    outElement.className = className + '-out';
+    outElement.className = zoomOutClassName;
     outElement.setAttribute('type', 'button');
     outElement.title = zoomOutTipLabel;
     outElement.appendChild(