Changeset 2418233

Timestamp:

11/13/2020 08:30:09 PM (5 years ago)

Author:

intelchip

Message:

Added better default styling for map markers

Location:

osm-map-elementor

Files:

• tags/1.0.0/LICENSE.txt (added)
• tags/1.0.0/README.md (added)
• tags/1.0.0/assets (added)
• tags/1.0.0/assets/css (added)
• tags/1.0.0/assets/css/admin.css (added)
• tags/1.0.0/assets/css/mapbox-gl.css (added)
• tags/1.0.0/assets/js (added)
• tags/1.0.0/assets/js/mapbox-gl.js (added)
• tags/1.0.0/assets/js/mapbox-gl.js.map (added)
• tags/1.0.0/assets/js/osm-map-controls.js (added)
• tags/1.0.0/assets/leaflet (added)
• tags/1.0.0/assets/leaflet/images (added)
• tags/1.0.0/assets/leaflet/images/layers-2x.png (added)
• tags/1.0.0/assets/leaflet/images/layers.png (added)
• tags/1.0.0/assets/leaflet/images/marker-icon-2x.png (added)
• tags/1.0.0/assets/leaflet/images/marker-icon.png (added)
• tags/1.0.0/assets/leaflet/images/marker-shadow.png (added)
• tags/1.0.0/assets/leaflet/leaflet-mapbox-gl.js (added)
• tags/1.0.0/assets/leaflet/leaflet-src.esm.js (added)
• tags/1.0.0/assets/leaflet/leaflet-src.esm.js.map (added)
• tags/1.0.0/assets/leaflet/leaflet-src.js (added)
• tags/1.0.0/assets/leaflet/leaflet-src.js.map (added)
• tags/1.0.0/assets/leaflet/leaflet.css (added)
• tags/1.0.0/assets/leaflet/leaflet.js (added)
• tags/1.0.0/assets/leaflet/leaflet.js.map (added)
• tags/1.0.0/assets/screenshot-1.jpg (added)
• tags/1.0.0/assets/screenshot-2.jpg (added)
• tags/1.0.0/assets/screenshot-3.jpg (added)
• tags/1.0.0/assets/screenshot-4.jpg (added)
• tags/1.0.0/assets/screenshot-5.jpg (added)
• tags/1.0.0/constants.php (added)
• tags/1.0.0/osm-map-elementor.php (added)
• tags/1.0.0/osm-map.php (added)
• tags/1.0.0/readme.txt (added)
• trunk/osm-map.php (modified) (13 diffs)
• trunk/readme.txt (modified) (2 diffs)

osm-map-elementor/trunk/osm-map.php

@@ -432 +432 @@
                 'type' => \Elementor\Controls_Manager::COLOR,
                 'global' => [
-                    'default' => Global_Colors::COLOR_PRIMARY,
-                ],
-                'selectors' => [
-                    '{{WRAPPER}} .marker-title' => 'color: {{VALUE}};',
+                    'default' => Global_Colors::COLOR_SECONDARY,
+                ],
+                'selectors' => [
+                    '{{WRAPPER}} .marker-title .elementor-heading-title' => 'color: {{VALUE}};',
                 ],
             ]
@@ -443 +443 @@
             \Elementor\Group_Control_Typography::get_type(),
             [
-                'name' => 'typography',
+                'name' => 'title_typography',
                 'global' => [
                     'default' => Global_Typography::TYPOGRAPHY_PRIMARY,
                 ],
-                'selector' => '{{WRAPPER}} .marker-title',
+                'selector' => '{{WRAPPER}} .marker-title .elementor-heading-title',
             ]
         );
@@ -454 +454 @@
             \Elementor\Group_Control_Text_Shadow::get_type(),
             [
-                'name' => 'text_shadow',
-                'selector' => '{{WRAPPER}} .marker-title',
+                'name' => 'title_text_shadow',
+                'selector' => '{{WRAPPER}} .marker-title .elementor-heading-title',
+            ]
+        );
+
+        $this->add_responsive_control(
+            'title_padding',
+            [
+                'label' => __('Padding', self::$slug),
+                'type' => \Elementor\Controls_Manager::DIMENSIONS,
+                'size_units' => ['px', 'em', '%'],
+                'selectors' => [
+                    '{{WRAPPER}} .marker-title .elementor-heading-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
+                ],
+                'separator' => 'before',
+            ]
+        );
+
+        $this->add_responsive_control(
+            'title_margin',
+            [
+                'label' => __('Margin', self::$slug),
+                'type' => \Elementor\Controls_Manager::DIMENSIONS,
+                'size_units' => ['px', 'em', '%'],
+                'default' => [
+                    'top' => 0,
+                    'right' => 0,
+                    'bottom' => 0,
+                    'left' => 0,
+                    'unit' => 'px'
+                ],
+                'selectors' => [
+                    '{{WRAPPER}} .marker-title .elementor-heading-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
+                ],
+                'separator' => 'before',
             ]
         );
@@ -504 +537 @@
                 'label' => __('Text Color', self::$slug),
                 'type' => \Elementor\Controls_Manager::COLOR,
-                'default' => '',
                 'selectors' => [
                     '{{WRAPPER}} .marker-content .marker-description' => 'color: {{VALUE}};',
@@ -594 +626 @@
                 'label' => __('Text Color', self::$slug),
                 'type' => \Elementor\Controls_Manager::COLOR,
-                'default' => '',
+                'global' => [
+                    'default' => Global_Colors::COLOR_SECONDARY
+                ],
                 'selectors' => [
                     '{{WRAPPER}} .elementor-button' => 'fill: {{VALUE}}; color: {{VALUE}};',
@@ -602 +636 @@
 
         $this->add_control(
-            'background_color',
+            'button_background_color',
             [
                 'label' => __('Background Color', self::$slug),
                 'type' => \Elementor\Controls_Manager::COLOR,
                 'global' => [
-                    'default' => Global_Colors::COLOR_ACCENT,
+                    'default' => Global_Colors::COLOR_PRIMARY,
                 ],
                 'selectors' => [
@@ -625 +659 @@
 
         $this->add_control(
-            'hover_color',
+            'button_hover_color',
             [
                 'label' => __('Text Color', self::$slug),
@@ -662 +696 @@
 
         $this->add_control(
-            'hover_animation',
+            'button_hover_animation',
             [
                 'label' => __('Hover Animation', self::$slug),
@@ -676 +710 @@
             \Elementor\Group_Control_Border::get_type(),
             [
-                'name' => 'border',
+                'name' => 'button_border',
                 'selector' => '{{WRAPPER}} .elementor-button',
                 'separator' => 'before',
@@ -683 +717 @@
 
         $this->add_control(
-            'border_radius',
+            'button_border_radius',
             [
                 'label' => __('Border Radius', self::$slug),
@@ -703 +737 @@
 
         $this->add_responsive_control(
-            'text_padding',
+            'button_text_padding',
             [
                 'label' => __('Padding', self::$slug),
@@ -821 +855 @@
                     // add marker title
                     if (this.marker.marker_title) {
-                        tooltipContent += `<div class="marker-title">${this.marker.marker_title}</div>`;
+                        tooltipContent += `<div class="marker-title"><h5 class="elementor-heading-title elementor-size-default">${this.marker.marker_title}</h5></div>`;
                     }
 
@@ -834 +868 @@
                     // add marker button
                     if (this.marker.show_button === 'yes' && this.marker.button_text) {
-                        tooltipContent += `<div class="marker-button"><a class="elementor-button" target="_blank" href='${this.marker.button_url}'>${this.marker.button_text}</a></div>`;
+                        tooltipContent += `<div class="marker-button">
+                                                <a class="elementor-button elementor-button-link" target="_blank" href='${this.marker.button_url}' role="button">
+                                                    <span class="elementor-button-content-wrapper">
+                                                        <span class="elementor-button-text">
+                                                            ${this.marker.button_text}
+                                                        </span>
+                                                    </span>
+                                                </a>
+                                            </div>`;
                     }
 

osm-map-elementor/trunk/readme.txt

@@ -1 +1 @@
 === OSM Map Widget for Elementor ===
 Plugin Name: OSM Map Widget for Elementor
-Version: 1.0.2
+Version: 1.0.3
 Author: ACT Innovate, James Arama, Alex Hooten
 Author URI: https://github.com/flopperj/osm-map-elementor
@@ -8 +8 @@
 Tested up to: 5.5.1
 Requires PHP: 5.6
-Stable tag: 1.0.1
+Stable tag: 1.0.3
 License: GPLv3
 License URI: https://www.gnu.org/licenses/gpl-3.0.html