@panoramax/web-viewer 4.0.3-develop-503c9f25 → 4.0.3-develop-03accd6d

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.
Files changed (7) hide show
  1. package/CHANGELOG.md +1 -0
  2. package/build/index.js +12 -6
  3. package/build/index.js.map +1 -1
  4. package/package.json +1 -1
  5. package/src/components/layout/Tabs.js +3 -0
  6. package/src/components/menus/PictureLegend.js +7 -4
  7. package/src/components/ui/widgets/Legend.js +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@panoramax/web-viewer",
3
- "version": "4.0.3-develop-503c9f25",
3
+ "version": "4.0.3-develop-03accd6d",
4
4
  "description": "Panoramax web viewer for geolocated pictures",
5
5
  "main": "build/index.js",
6
6
  "author": "Panoramax team",
package/src/components/layout/Tabs.js CHANGED
@@ -33,6 +33,9 @@ export default class Tabs extends LitElement {
33
33
  align-items: stretch;
34
34
  overflow-x: auto;
35
35
  touch-action: pan-x;
36
+ position: sticky;
37
+ top: 0;
38
+ background: white;
36
39
  }
37
40
  nav ::slotted(*) {
38
41
  color: var(--grey-dark);
package/src/components/menus/PictureLegend.js CHANGED
@@ -26,18 +26,16 @@ export default class PictureLegend extends LitElement {
26
26
  /** @private */
27
27
  static styles = [placeholder, panel, hidden, css`
28
28
  :host {
29
- overflow-y: auto;
30
- overflow-x: hidden;
31
29
  display: flex;
32
30
  flex-direction: column;
33
31
  margin: 0;
34
32
  font-family: var(--font-family);
33
+ flex-wrap: nowrap;
35
34
  }
36
35
 
37
36
  @media screen and (min-width: 576px) {
38
37
  :host {
39
38
  max-height: 70vh;
40
- width: 30vw;
41
39
  }
42
40
  }
43
41
 
@@ -48,6 +46,7 @@ export default class PictureLegend extends LitElement {
48
46
  align-items: center;
49
47
  margin: 10px 10px 5px 10px;
50
48
  justify-content: space-between;
49
+ flex: 1;
51
50
  }
52
51
 
53
52
  .headline-buttons {
@@ -95,6 +94,7 @@ export default class PictureLegend extends LitElement {
95
94
  display: block;
96
95
  margin-top: 5px;
97
96
  max-width: 100%;
97
+ flex: 1;
98
98
  }
99
99
  #pic-legend-expand::part(btn) {
100
100
  border-radius: 10px;
@@ -104,9 +104,11 @@ export default class PictureLegend extends LitElement {
104
104
 
105
105
  /* Details block */
106
106
  pnx-picture-metadata {
107
- margin: 5px 10px 10px;
107
+ margin: 5px 10px;
108
108
  display: block;
109
109
  box-sizing: border-box;
110
+ flex: 1;
111
+ overflow-y: auto;
110
112
  }
111
113
 
112
114
  /* Details actions */
@@ -117,6 +119,7 @@ export default class PictureLegend extends LitElement {
117
119
  border-bottom-right-radius: 10px;
118
120
  gap: 5px;
119
121
  flex-wrap: wrap;
122
+ flex: 1;
120
123
  }
121
124
 
122
125
  /* More options menu */
package/src/components/ui/widgets/Legend.js CHANGED
@@ -37,7 +37,7 @@ export default class Legend extends LitElement {
37
37
  .pnx-panel[part="panel"] {
38
38
  border-radius: 10px;
39
39
  position: relative;
40
- max-width: 80vw;
40
+ max-width: 450px;
41
41
  z-index: 121; /* To appear above mini component */
42
42
  min-width: unset;
43
43
  }