maplibre-preview 1.3.9 → 1.3.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 576fc35a947103556613fb983552a7fea7045b5109762b666ff4541dc08a3fb1
4
- data.tar.gz: 91d004357c42439be1206b8d732834f5ed4b176ca88d2461c1a243a53c2a2564
3
+ metadata.gz: fc25f7eb64dc27af2bdd7edcf81ee66c6bd4c6e02105be073a76d4385b9707e7
4
+ data.tar.gz: b8820b6b86f59cb129bf9da0f2bf51c9f91df3dc6ee0082773b713ab2a8141e1
5
5
  SHA512:
6
- metadata.gz: be4c9c01fa9268120f9faa29001b571774dcadc03d190c3bf619753c06a62cd76da891d89c44f9a23eb7255863ac24c98778c9a7cbb6bc7cee86705451ada748
7
- data.tar.gz: a0ca0a43e7fe67801a51e730303559eb6af9718e15d145bdd14a3d77e0e22f6eed48ab355203cb6088462954ac57d47d2dcd1de121d2fa96ee76acf38b3fbc6e
6
+ metadata.gz: 49fca224b36b60c97bfa7d532b101b41f8d52c02af3eb2f5eb952b214263c93554a744f330f1af2f98caa9fc332f309a7fde5830be41d6973559de557c3fd6db
7
+ data.tar.gz: 9f11842ece6fe33acacae31de1d7152e2047e9b74bea0dc29bf268e775476a302a4af27aea3f14c64455f21aacdee763616fce66bafcd9bc41d588fcfb650d4d
data/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # Changelog
2
2
 
3
+ ## [1.3.10] - 2025-11-19
4
+
5
+ ### Changed
6
+ - **Panel styling** - unified background, transparency and edge attachment for all panels
7
+ - **Toggle buttons** - changed arrow directions, replaced performance panel close button with collapse
8
+ - **Performance panel** - partial collapse mode showing only FPS and Memory
9
+
3
10
  ## [1.3.9] - 2025-11-19
4
11
 
5
12
  ### Changed
@@ -1,3 +1,3 @@
1
1
  module MapLibrePreview
2
- VERSION = '1.3.9'
2
+ VERSION = '1.3.10'
3
3
  end
@@ -106,23 +106,40 @@ html
106
106
  | .success-message { color: #6a9955; font-size: 12px; margin-top: 4px; }
107
107
  | .performance-overlay {
108
108
  | position: fixed; top: 0; left: 50%; transform: translateX(-50%); z-index: 1000;
109
- | background: rgba(43, 43, 43, 0.95); border: 1px solid #555555;
110
- | border-radius: 0 0 6px 6px; padding: 0; min-width: 400px;
111
- | backdrop-filter: blur(10px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
112
- | transition: all 0.3s ease;
109
+ | background: rgba(60, 63, 65, 0.95); border: 1px solid #555555;
110
+ | border-top: none; border-radius: 0 0 4px 4px; padding: 0; width: fit-content;
111
+ | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); transition: all 0.3s ease;
113
112
  | }
114
113
  | .performance-toggle {
115
- | position: absolute; top: 4px; right: 4px; z-index: 1001;
114
+ | position: absolute; top: 0; right: 0; bottom: 0; z-index: 1001;
116
115
  | background: none; border: none; color: #808080; cursor: pointer;
117
- | font-size: 14px; padding: 0; width: 16px; height: 16px;
116
+ | font-size: 12px; padding: 0; width: 24px; height: 100%;
118
117
  | display: flex; align-items: center; justify-content: center;
119
- | border-radius: 2px; transition: all 0.2s ease;
118
+ | border-radius: 0 0 4px 0; transition: all 0.2s ease;
120
119
  | }
121
120
  | .performance-toggle:hover {
122
121
  | background: #4b4d4f; color: #a9b7c6;
123
122
  | }
123
+ | .performance-toggle-icon {
124
+ | font-size: 12px; font-weight: bold; transition: transform 0.2s;
125
+ | display: flex; align-items: center; justify-content: center;
126
+ | }
127
+ | .performance-overlay.collapsed .performance-toggle-icon {
128
+ | transform: rotate(180deg);
129
+ | }
124
130
  | .performance-content {
125
- | padding: 8px 12px;
131
+ | padding: 8px 32px 8px 12px; position: relative;
132
+ | }
133
+ | .performance-overlay.collapsed .performance-secondary-metrics,
134
+ | .performance-overlay.collapsed #terrain-row {
135
+ | display: none;
136
+ | }
137
+ | .performance-overlay.collapsed .performance-main-metrics .metric {
138
+ | flex: 0 1 auto;
139
+ | }
140
+ | .performance-overlay.collapsed .performance-main-metrics .metric:nth-child(2),
141
+ | .performance-overlay.collapsed .performance-main-metrics .metric:nth-child(4) {
142
+ | display: none;
126
143
  | }
127
144
  | .metric-row {
128
145
  | display: flex; justify-content: space-between; align-items: center;
@@ -298,10 +315,14 @@ html
298
315
  | /* MapLibre Controls */
299
316
  | .maplibregl-ctrl-scale, .maplibregl-ctrl-group, .maplibregl-ctrl-terrain, .maplibregl-ctrl-globe {
300
317
  | background: rgba(60, 63, 65, 0.95) !important; border: 1px solid #555555 !important;
301
- | border-radius: 4px !important; backdrop-filter: blur(10px) !important;
302
- | box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
318
+ | border-radius: 4px !important;
319
+ | }
320
+ | .maplibregl-ctrl-scale {
321
+ | color: #a9b7c6 !important; font-size: 11px !important; padding: 4px 8px !important;
322
+ | border-bottom: none !important; border-left: none !important;
323
+ | border-radius: 0 4px 0 0 !important;
324
+ | margin: 0 !important;
303
325
  | }
304
- | .maplibregl-ctrl-scale { color: rgb(100, 185, 61) !important; font-size: 11px !important; padding: 4px 8px !important; }
305
326
  | .maplibregl-ctrl-scale-line { background: #6897bb !important; border: 1px solid #7aa8cc !important; }
306
327
  | .maplibregl-ctrl-group button { background: rgba(75, 105, 61, 0.8) !important; border: 1px solid rgba(72, 139, 92, 0.4) !important; color: #ffffff !important; font-size: 14px !important; font-weight: bold !important; transition: all 0.2s ease !important; }
307
328
  | .maplibregl-ctrl-group button:hover { background: rgba(255, 198, 109, 0.9) !important; border-color: #ffd87d !important; color: #2b2b2b !important; transform: scale(1.05) !important; }
@@ -351,8 +372,8 @@ html
351
372
  | .profile-tooltip-text { text-anchor: middle; fill: #ff0000; font-size: 14px; }
352
373
  | .version-info {
353
374
  | position: fixed; bottom: 0; right: 0; z-index: 1000;
354
- | background: rgba(60, 63, 65, 0.85); border: none; border-radius: 4px 0 0 0;
355
- | padding: 4px 8px; backdrop-filter: blur(5px);
375
+ | background: rgba(60, 63, 65, 0.95); border: none; border-radius: 4px 0 0 0;
376
+ | padding: 4px 8px;
356
377
  | line-height: 1.2; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
357
378
  | }
358
379
  | .version-info-version {
@@ -33,7 +33,7 @@ ruby:
33
33
  .control-panel-content
34
34
  #layer-buttons
35
35
  button.layer-controls-toggle id="layer-controls-toggle" onclick="toggleLayerControls()" title="Collapse/Expand Panel"
36
- span.toggle-icon
36
+ span.toggle-icon
37
37
 
38
38
  #map-container
39
39
  #map.map-layer data-style-url="#{style_url}"
@@ -42,9 +42,8 @@ ruby:
42
42
  a.version-info-version href="https://github.com/artyomb/maplibre-preview" target="_blank" v#{MapLibrePreview::VERSION}
43
43
 
44
44
  #performance-panel.performance-overlay
45
- button.performance-toggle onclick="togglePerformancePanel()" ×
46
45
  .performance-content
47
- .metric-row
46
+ .metric-row.performance-main-metrics
48
47
  .metric
49
48
  span.metric-label FPS:
50
49
  span.metric-value#fps-value 0
@@ -57,7 +56,7 @@ ruby:
57
56
  .metric
58
57
  span.metric-label Zoom:
59
58
  span.metric-value#zoom-level-value 0
60
- .metric-row
59
+ .metric-row.performance-secondary-metrics
61
60
  .metric
62
61
  span.metric-label Tiles:
63
62
  span.metric-value#tiles-loaded-value 0
@@ -71,6 +70,8 @@ ruby:
71
70
  .metric
72
71
  span.metric-label Terrain:
73
72
  span.metric-value#terrain-status-value -
73
+ button.performance-toggle onclick="togglePerformancePanel()" title="Collapse/Expand Panel"
74
+ span.performance-toggle-icon ◀
74
75
 
75
76
  javascript:
76
77
  const mapEl = document.getElementById('map');
@@ -744,12 +745,12 @@ javascript:
744
745
 
745
746
  let fpsCounter = 0, lastFpsTime = 0, frameCount = 0;
746
747
  let performanceMonitor = null;
747
- let performancePanelVisible = true;
748
+ let performancePanelCollapsed = false;
748
749
 
749
750
  const togglePerformancePanel = () => {
750
751
  const panel = document.getElementById('performance-panel');
751
- performancePanelVisible = !performancePanelVisible;
752
- panel.style.display = performancePanelVisible ? 'block' : 'none';
752
+ performancePanelCollapsed = !performancePanelCollapsed;
753
+ panel.classList.toggle('collapsed', performancePanelCollapsed);
753
754
  };
754
755
 
755
756
  const startPerformanceMonitoring = () => {
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: maplibre-preview
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.3.9
4
+ version: 1.3.10
5
5
  platform: ruby
6
6
  authors:
7
7
  - Alexander Ludov
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2025-11-19 00:00:00.000000000 Z
11
+ date: 2025-11-20 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rack